Docs

[Sandie]

Hi,

I need some help on styling the menu button for my Superfly menu.

Now it looks like this:
http://prntscr.com/cy7wz2

But I would like for it to look like this:
http://prntscr.com/cy7x4s

https://sandramildon.com

Thanks!

Best Regards
/Sandra

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> Global CSS :

@media (max-width:979px){

.sfm-label-metro .sfm-navicon, #sfm-mob-navbar .sfm-navicon, .sfm-label-metro .sfm-navicon:after, #sfm-mob-navbar .sfm-navicon:after, .sfm-label-metro .sfm-navicon:before, #sfm-mob-navbar .sfm-navicon:before {
    background-color: #efefef;
}
.sfm-navicon, .sfm-navicon:after, .sfm-navicon:before, .sfm-label-metro .sfm-navicon-button, #sfm-mob-navbar {
    background-color: transparent;
}
.sfm-navicon-button.x.sf_label_default:before {
    content: "More ";
    float: left;
    right: 90%;
    position: absolute;
    top: 21%;
}
}

Hope that helps.

[Sandie]

This reply has been marked as private.

[Christopher]

Hi there,

Please update previous code to :

.sfm-label-metro .sfm-navicon, #sfm-mob-navbar .sfm-navicon, .sfm-label-metro .sfm-navicon:after, #sfm-mob-navbar .sfm-navicon:after, .sfm-label-metro .sfm-navicon:before, #sfm-mob-navbar .sfm-navicon:before {
    background-color: #efefef;
}
.sfm-navicon, .sfm-navicon:after, .sfm-navicon:before, .sfm-label-metro .sfm-navicon-button, #sfm-mob-navbar {
    background-color: transparent;
}
.sfm-navicon-button.x.sf_label_default:before {
    content: "More ";
    float: left;
    right: 90%;
    position: absolute;
    top: 21%;
}

Thanks.

[Sandie]

Super, thank you!

Regards
/Sandra

[Thai]

You’re most welcome 🙂

[Author]

Posts