Mobile Button comes up when width is too large

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

  • Avatar: iamokah
    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.
    15 Answers
    Avatar: Eva
    Eva Kemp
    Support staff
    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.

    Avatar: iamokah
    iamokah
    Participant
    November 3, 2014 at 20:47

    Thank you

    Avatar: Robert Hall
    Robert Hall
    Support staff
    November 3, 2014 at 20:58

    Hello,

    You’re welcome!

    Regards,
    Robert Hall.

    Avatar: iamokah
    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

    Avatar: Eva
    Eva Kemp
    Support staff
    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.

    Avatar: iamokah
    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)

    Avatar: Eva
    Eva Kemp
    Support staff
    November 4, 2014 at 20:06

    Hello,

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

    Regards,
    Eva Kemp.

    Avatar: iamokah
    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

    Avatar: Robert Hall
    Robert Hall
    Support staff
    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.

    Avatar: iamokah
    iamokah
    Participant
    November 5, 2014 at 15:53

    This worked. Thanks

    Avatar: Eva
    Eva Kemp
    Support staff
    November 5, 2014 at 22:33

    Hello,

    You’re always welcome.

    Regards,
    Eva Kemp.

    Avatar: iamokah
    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

    Avatar: Eva
    Eva Kemp
    Support staff
    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.

    Avatar: iamokah
    iamokah
    Participant
    November 7, 2014 at 00:58

    This worked, thanks

    Avatar: Robert Hall
    Robert Hall
    Support staff
    November 7, 2014 at 08:11

    Hello,

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

    Regards,
    Robert Hall.

  • 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

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.