When on a normal 1920 x 1080 screen my menu bar at the top of the site is fine. When viewing it on a smaller screen it get covered by the icons and the logo of the website.
Is it possible that as it gets smaller the window that the menu items go onto a second row and do not get covered.
I added images below of what I mean. Thank you for the help in advance.
Hi there, Your menu is a bit large. Maybe you should concider to change some settings in the theme-options>menu options. Maybe you can set the logo above the menu. Or reduce some padding between item. Or use the Push menu rather the classic menu. And maybe you should remove hotlinks. This are some options available to free space in the menu area.
What you asking, to move the logo above the menu only on medium device required some custom code. You can try to add this code in the wp-admin>theme options>custom css/js>custom css field, but be aware the result is not perfect but here the best I can do. This kind of customization is a bit beyond the scope of our support.
Hello,
I hope you are well
I was wondering if you have a way to fix this.
When on a normal 1920 x 1080 screen my menu bar at the top of the site is fine. When viewing it on a smaller screen it get covered by the icons and the logo of the website.
Is it possible that as it gets smaller the window that the menu items go onto a second row and do not get covered.
I added images below of what I mean. Thank you for the help in advance.
Hi there,
Your menu is a bit large.
Maybe you should concider to change some settings in the theme-options>menu options.
Maybe you can set the logo above the menu.
Or reduce some padding between item.
Or use the Push menu rather the classic menu.
And maybe you should remove hotlinks.
This are some options available to free space in the menu area.
What you asking, to move the logo above the menu only on medium device required some custom code.
You can try to add this code in the wp-admin>theme options>custom css/js>custom css field, but be aware the result is not perfect but here the best I can do. This kind of customization is a bit beyond the scope of our support.
@media screen and (max-width: 1650px) {
.classic-menu:not(.responsive).fullwidth:not(.responsive).classic_menu_align-pull-center.classic_menu_logo_align-pull-left .logo, .classic-menu:not(.responsive).fullwidth:not(.responsive).classic_menu_align-pull-center .classic-menu-hot-links {
top: 0;
}
}
Thanks,
Alexandre from the Sonaar.io Crew