Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • August 26, 2018 at 7:57 pm #1001984
    Pointbreakd

    Is there a way to:

    A) Make the header and logo larger on mobile?

    B) Add a menu item on mobile only for home (the home page)?

    Thanks!

    August 26, 2018 at 8:13 pm #1001992
    Jordan Shannon

    Hey Pointbreakd,

    Add this to quick css:

    @media only screen and (max-width: 767px){
.responsive .logo img { 
max-height:100%!important;
}}

    As for the menu item on home only, it may need to be done via JS. Is it an item within the menu or a standalone button?

    Best regards,
    Jordan Shannon

    August 27, 2018 at 1:26 am #1002074
    Pointbreakd

    Thanks, but that didn’t result in any change?

    August 27, 2018 at 2:43 am #1002089
    Mike

    Hi,
    I see that you have posted your WordPress login, but it seems we will also need a another login first to get to the WP login.
    Which menu item do you want to only show on the homepage mobile menu?

    Best regards,
    Mike

    August 27, 2018 at 2:58 am #1002098
    Pointbreakd

    For the mobile menu, I want a link for the homepage to show.

    August 27, 2018 at 3:03 am #1002100
    Pointbreakd

    Here’s the login info if you need it:

    August 27, 2018 at 5:06 am #1002126
    Jordan Shannon

    Hi,

    Have you tried adding my code to the very top of quick css so that it runs first? Also be sure to clear your cache a few times over.

    Best regards,
    Jordan Shannon

    August 27, 2018 at 2:50 pm #1002296
    Pointbreakd

    Tried that, yes, but still not working.

    August 28, 2018 at 4:44 am #1002523
    Ismael

    Hi,

    We adjusted the code a bit and added it on the Quick CSS field.

    @media only screen and (max-width: 767px) {
    .responsive #top .logo img {
        max-height: 120px !important;
    }

    .responsive #top .logo {
        height: 120px !important;
    }
}

    Best regards,
    Ismael

    August 28, 2018 at 12:00 pm #1002644
    Pointbreakd

    That looks great, thank you- is it also possible to move down the magnifying glass and burger menu slightly so it is even with the logo (I tweaked the logo to 90 px)?

    August 28, 2018 at 3:46 pm #1002729
    Nikko

    Hi Pointbreakd,

    Please add this code:

    .responsive #top .av-main-nav .menu-item-avia-special {
    margin-top: 5px;
}

    after this line in Ismael’s code:

    @media only screen and (max-width: 767px) {

    Hope it helps.

    Best regards,
    Nikko

    August 28, 2018 at 7:16 pm #1002803
    Pointbreakd

    Perfect, thank you!

    August 28, 2018 at 7:46 pm #1002809
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Mobile header/menu questions’ is closed to new replies.