Responsive top menu

Newspaper X
1

Hello

Is there a way to change the standard width where the full top menu shrinks to the button fa-menu (and the other way around)?

Best regards
/Carlis

2

Hello there,

I hope you are doing well today.

This would be a bit tricky but you can use the following CSS code to change the screen size requirement by going to Appearance > Customize > Additional CSS and pasting it there.


/*Media query for menu mobile icon*/
@media screen and (min-width: 37.5em) {
.menu-toggle {
    display: none;
}
}

/*Media query for desktop mobile icon*/
@media screen and (min-width: 37.5em)
.main-navigation ul {
    display: none;
}
}

You would have to change the min-width values to change the way the icon would appear.

Best Regards,
Support

3

Thank you for a quick response!
I made some adjustments and it worked just fine:

/Media query for menu mobile icon/
@media screen and (max-width: 992px) {
.menu-toggle {
display: block;
}
}

/Media query for desktop mobile icon/
@media screen and (max-width: 992px) { .main-navigation ul {
display: none;
}
}

4

Hello there,

Nice, I am glad the solution worked for you and thanks for adding it here so that other users can see the CSS.
Please feel free to contact us again in the future regarding any other issues.

Best Regards,
Support