Custom CSS does not work for the homepage in mobile version
This support request was posted in Smart by beacate
- beacate October 30, 2017 at 4:23 pm
Hello Smart Team,
I customized the colors of the social icon in the footer and the colors of the main and submenu of my page for mobile (when it pops out of the burger menu icon). It works for every page (mobile view), except for the homepage. There are still the old colors. I tried different things, but nothing changed.
Since my custom css works on the other pages like the about-page, I guess it has something to do with the homepage being the homepage.
What can I do that the changes will also appear on the homepage in mobile view?Cheers,
BeaJuanfra Aldasoro October 30, 2017 at 5:42 pmHi Bea,
Thank you for writing, I hope you are doing well.
Would you please share your site access details with me in a private reply so I can take a look? Where have you added the Custom CSS?
Thank you,
Juan.Juanfra Aldasoro November 1, 2017 at 8:35 pmHallo Bea,
Wie gehts? I spreche ein bisschen deutsch, just learning 🙂
Would you be so kind to offer me your FTP access details? (Please do it in a private reply)
I have detected a missing brace, and that’s the reason your custom code it is only being applied to a custom media query (and not for all the devices).
Danke schön,
Juan.Juanfra Aldasoro November 10, 2017 at 5:16 pmHallo Bea,
Danke schön!
Unfortunately, the FTP access details you’ve shared with me aren’t working. Would you please check them to see if they are alright?
Thanks,
Juan.Juanfra Aldasoro November 12, 2017 at 12:51 pmHi Bea,
Thanks for the follow-up.
I’ve uploaded the fix on your server, this will be included in the upcoming version.
Have a good day.
Juan.beacate November 15, 2017 at 10:44 amThank you Juan for the support, it’s working!
I have another question, maybe you have time to answer:
Is it possible that the “Back to top” Button appears also in the tablet and mobile view?Greetings,
BeaJuanfra Aldasoro November 15, 2017 at 2:39 pmHi Bea,
Thanks for the follow-up.
You can try adding the following custom CSS:
@media only all and (max-width: 767px){ #back-to-top { display: block !important; } }
Best,
Juan.
This topic is marked as resolved
Only the topic author can re-open this thread.