This topic has 16 replies, 3 voices, and was last updated 10 years ago ago by Robert Hall
I am looking to increase the size at which the full navigation bar displays until it turns into a button.
Right now even tablets in landscape view it shows a button.
I want the width at which it shows the entire navigation bar to be much larger. Can you please tell me how to adjust this setting? Site info in private content.
http://www.iamokah.org/imokahtmp
Hello,
You can refer to this topic where the answer is provided:
https://www.8theme.com/topic/main-menu-not-visible-in-royal-theme/
Thank you.
Regards,
Eva Kemp.
Thank you
Hello,
You’re welcome!
Regards,
Robert Hall.
Doing this has arose another problem, see below
The fixed navbar is not using the entire width and is causing elements to push over to the bottom
Hello,
The code below has been added to custom.css:
@media (max-width: 1200px) {.fixed-header-area .menu {
width: 740px !important;
} }
Please check the site now.
Regards,
Eva Kemp.
Perfect. This should be default for the theme IMO. No one wants to see a button in landscape view of a tablet (or a window that has been scaled down a little)
Hello,
We’ll take your suggestion into our account.
Thank you.
Regards,
Eva Kemp.
I am having another issue. You can see the disfigurement of the navbar when viewing the site in landscape view on an Ipad Mini (navbar height grows too large, and social icons drop down lower than they should be).
It loads this way and then will out of nowhere fix itself, but will re-occur if you click on any of the navbar dropdown links. For example clicking the arrow for About Us will re-disfigure the navbar after it corrects itself.
This does not occur when simply resizing the window in Windows or when using a device emulator like mobiletest.me, it only occured when physically using my IPAD MINI.
Hello,
Please try to add this code into custom.css file.
.header-type-10 .menu-wrapper .menu-main-container > ul > li > a{
padding:21px 15px;
}
Regards,
Robert Hall.
This worked. Thanks
Hello,
You’re always welcome.
Regards,
Eva Kemp.
There is one more issue. When I tested with my ipad mini in landscape view the fixed navbar comes up fine with your changes except when I actually go to click on the Donate link, it reverts back and pushes back over to where it was previously
Hello,
I’ve added the following code in custom.css:
@media (max-width: 1200px) {.fixed-header-area .menu {
width: 840px !important;
}}
Please check the site.
Thank you.
Regards,
Eva Kemp.
This worked, thanks
Hello,
You’re welcome!
If you have any questions don’t hesitate to contact us.
Regards,
Robert Hall.
The issue related to '‘Mobile Button comes up when width is too large’' has been successfully resolved, and the topic is now closed for further responses