Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • April 18, 2018 at 9:46 pm #943770
    webWahine

    Hello
    I’ve looked at lots of posts and tried a bunch of things but can’t seem to get the secondary menu items to be flush left on mobile. I can hide the extra items at top left, but can’t seem to get the menu items left – it seems like I’ve hidden the social and tel but not the element that holds them? I’m using max-989 as my break point. Thanks in advance :)

    Here’s my code so far –

    /* secondary menu *****************************************/

    /* hide social */
    .responsive #top #header .social_bookmarks {
    }

    /* hide tel */
    #top .av_header_transparency .phone-info {
    display: none !important;
    }

    .responsive #header .sub_menu {
    text-align: left;
    }

    /* hide login button */
    #menu-item-1007 a {
    display: none !important;
    }

    #header_meta {
    /* display: none; */
    }

    #header_meta .container,
    #header_meta {
    /* min-height: 50px;
    height: 50px;
    background-color: transparent !important; */
    }

    .av_secondary_right .sub_menu {
    width: 100% !important;
    float: left !important;
    padding-left: 0px !important;
    }

    #top .social_bookmarks {
    display: none !important;
    }

    #top .sub_menu {
    float: left !important;
    }

    #top #header_meta .sub_menu {
    left: 20px;
    }

    April 19, 2018 at 3:41 am #943853
    Mike

    Hey webWahine,
    Please try changing this:

    .av_secondary_right .sub_menu {
    width: 100% !important;
}

    to this:

    .av_secondary_right .sub_menu {
    width: 70% !important;
}

    Best regards,
    Mike

    April 19, 2018 at 7:54 pm #944270
    webWahine

    Unfortunately that made it worse. The 3 menu items are now wrapping with the last one on a second line, below.

    April 19, 2018 at 10:14 pm #944340
    Mike

    Hi,
    Sorry that was unexpected, Can you please include a admin login in the private content area so we can take a closer look.
    To be sure I’m looking to make the correct changes, please see screenshot in Private Content area.

    Best regards,
    Mike

    April 19, 2018 at 10:59 pm #944351
    webWahine

    Yes, by all means; thank you!

    April 20, 2018 at 1:13 am #944364
    Mike

    Hi,
    Thanks for the login, In your child theme stylesheet, I changed line 3186 from 100% to 85%. Then I cleared my browser cache, and it looks good now.
    Please clear your browser cache and check.

    Best regards,
    Mike

    April 20, 2018 at 11:19 pm #944781
    webWahine

    Almost there! It’s correct now in portrait on phones, but in landscape, the ‘ABOUT’ has some left padding or a margin so it’s hanging over the k in Park Homes, below, not flush left. So similar to the image you sent but further over. Thanks, Mike; almost there!

    April 21, 2018 at 12:44 pm #944896
    Mike

    Hi,
    I added this css and seems to work correctly for landscape phones, please clear your browser cache and check.

    @media only screen and (min-width: 645px) and (max-width: 660px) { 
.responsive #header_meta .sub_menu>ul {
    text-align: left!important; 
}
}

    Best regards,
    Mike

    April 21, 2018 at 6:14 pm #944935
    webWahine

    Thank you – a tiny bit of tweaking on other elements and we are done!

    April 21, 2018 at 6:30 pm #944940
    Mike

    Hi,
    Do you mean that you are doing a tiny bit of tweaking on other elements, or that you wanted assistance with a tiny bit of tweaking on other elements?
    If so please explain.

    Best regards,
    Mike

    April 21, 2018 at 6:33 pm #944941
    webWahine

    I’m playing around a bit and I think it’s all good, thanks, Mike :)

    April 21, 2018 at 6:45 pm #944945
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    and the video tutorials here
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here
    For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

    Best regards,
    Mike

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Hide social and tel on mobile and change secondary menu from right to left’ is closed to new replies.