Return to previous page

Mobile Button comes up when width is too large

This topic has 16 replies, 3 voices, and was last updated 11 years, 1 months ago ago by Robert Hall

iamokah

Participant

November 2, 2014 at 23:05

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

Please, contact administrator
for this information.

#22884 Copied

15 Answers

Eva Kemp

Participant

November 3, 2014 at 12:31

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.

#22920 Copied

iamokah

Participant

November 3, 2014 at 20:47

Thank you

#23014 Copied

Robert Hall

Participant

November 3, 2014 at 20:58

Hello,

You’re welcome!

Regards,
Robert Hall.

#23018 Copied

iamokah

Participant

November 3, 2014 at 21:13

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

http://i.imgur.com/jNKH7Ab.jpg

#23022 Copied
Eva Kemp

Participant

November 4, 2014 at 13:06
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.
#23063 Copied
iamokah

Participant

November 4, 2014 at 20:00

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)

#23184 Copied

Eva Kemp

Participant

November 4, 2014 at 20:06

Hello,

We’ll take your suggestion into our account.
Thank you.

Regards,
Eva Kemp.

#23188 Copied

iamokah

Participant

November 5, 2014 at 15:34

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.

http://i.imgur.com/foQ6uqL.jpg

#23312 Copied
Robert Hall

Participant

November 5, 2014 at 15:51
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.
#23320 Copied
iamokah

Participant

November 5, 2014 at 15:53

This worked. Thanks

#23322 Copied

Eva Kemp

Participant

November 5, 2014 at 22:33

Hello,

You’re always welcome.

Regards,
Eva Kemp.

#23404 Copied

iamokah

Participant

November 6, 2014 at 15:52

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

#23515 Copied
Eva Kemp

Participant

November 7, 2014 at 00:47
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.
#23595 Copied
iamokah

Participant

November 7, 2014 at 00:58

This worked, thanks

#23600 Copied

Robert Hall

Participant

November 7, 2014 at 08:11

Hello,

You’re welcome!
If you have any questions don’t hesitate to contact us.

Regards,
Robert Hall.

#23614 Copied
Viewing 16 results - 1 through 16 (of 16 total)

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

Mobile Button comes up when width is too large

Explore our best WordPress WooCommerce Themes collection