Custom CSS does not work for the homepage in mobile version

This support request was posted in Smart by beacate

Request ID #34877 Resolved
  • 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,
    Bea

    Juanfra Aldasoro

    Hi 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.

    This reply has been marked as private.
    Juanfra Aldasoro

    Hallo 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.

    This reply has been marked as private.

    Hallo 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.

    This reply has been marked as private.

    Hi 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.

    Thank 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,
    Bea

    Hi 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.

    Great, thank you very much!!

    Cheers,
    Bea

    My pleasure, Bea!

    Guten tag,
    Juan.

Viewing 12 posts - 1 through 12 (of 12 total)

This topic is marked as resolved

Only the topic author can re-open this thread.

Login to your Account

Welcome back! Please log in to your account by filling the fields below:

Forgot?

Not a member? Create a free account.

Create a Free Account

You're 27 seconds away from some awesome WordPress free stuff, benefits and more. Create a free account and have access to our free products, benefits and more!

Already have an account? Log in
Secure Server