Docs

[Eyoael]

Hi,

I’m using the following css to effect my menu items line-height:
#sfm-sidebar .sf-menu li a {
font-size: 70px !important;
line-height: 88px !important;
}

It was working as it should on desktop view but now for some reason it stopped, can you help? Btw on mobile view it’s displaying correctly.

Thanks

[Eyoael]

i’m also using this css for hover:

#sfm-sidebar .sfm-menu li:hover > a {
color: #272727 !important;
text-decoration: underline !important;}
.sfm-pos-right #sfm-sidebar.sfm-vertical-nav .sfm-menu li a {
font-size: 18px !important;
}

[Jade]

Hi there,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[Eyoael]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thanks for providing the information. I have checked your site and it turns out that you have an invalid custom css. Please see the orphaned curly brace in your code from the image below.

Hope this helps. Please let us know how it goes.

[Eyoael]

HI,

Ok, how do i fix this?? I tried removing the curly bracket but nothing happend.

Thanks

[Rad]

Hi there,

I still can see that extra bracket, please make sure it’s fixed and caches are cleared.

Thanks!

[Eyoael]

Hi

i removed the bracket and cleared cache but it’s not working

thanks

[Christopher]

Hi there,

Please add this code:

.sfm-va-middle li a span {
    font-size: 70px !important;
    line-height: 88px !important;
}

.sfm-va-middle li a:hover span {
    color: #272727 !important;
    text-decoration: underline !important;
}

Hope it helps.

[Eyoael]

Hi!

Thanks that did the trick, appriciate it you guys are great help as usual :).

Thanks

[Christopher]

You’re welcome 🙂

[Author]

Posts