Superfly targeting menu items

[allan015]

trying to insert padding on my superfly menu on mobile to no avail and can’t target menu items to resize font to style menu like image

[Prasant]

Hello Allan,

Thanks for asking.

Please try adding following CSS under X > Theme Options > CSS:

@media only screen and (max-width: 600px) {
    #sfm-sidebar .sfm-menu li a {
    padding-bottom: 20px;
    padding-top: 20px;
}
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.

[allan015]

thanks it doesn’t work i tried in a private browser and can’t see the changes and also i need to change font size

[thai]

Hi There,

There is a syntax error in your custom CSS.

Please find this custom CSS:

.x-navbar .desktop .x-nav > li ul {
                top: 75px;
                ;}

            @media (max-width: 979px) {
            }

And change to this:

.x-navbar .desktop .x-nav > li ul {
    top: 75px;
}

Hope it helps

[allan015]

couldn’t find it, thanks anyway. can you show me how to remove this tab in the corner next to my menu i tried switching all plugins off and it stayed so i think its part of theme

[ruenel]

Hey @allan015,

That is the toggle icon for the header widget area. To get rid of it and totally remove it from the site, please go to X > Theme Options > Header > Widget Bar and select “None”.

If you need anything else we can help you with, please let us know.

[allan015]

thank you ruenel

[rad]

You’re welcome!