Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 25, 2017 at 9:49 pm #738611
    sjahan

    Hi, I found the following code to disable the mobile menu and display the regular screen navigation bar. However, my menu items are 2 lines on some mobile screens (iPhone 7-vertical) so the styling is a bit off since the Contact menu item shows up on the 2nd line and is below the header border. How can I fix this?

    Code that is currently entered under General Styling:

    @media only screen and (max-width: 767px) {
.av-main-nav > li > a {
    height: 50px!important;
    line-height: 50px!important;
}
.avia-menu.av_menu_icon_beside {
    margin-top: -90px;
}.responsive #header .main_menu .social_bookmarks {
    top: 20px;
}
}
    January 27, 2017 at 2:59 pm #739389
    Vinay

    Hey sjahan,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    @media only screen and (max-width: 767px) {
#top #header_main > .container .main_menu ul:first-child > li > a{
    height: 50px!important;
    line-height: 50px!important;
}}

    Best regards,
    Vinay

    January 31, 2017 at 11:52 pm #740925
    sjahan

    Hi Vinay,

    So I changed the layout of the header. The logo is now on the left with the menu on the right. Now when you look at it on a mobile device the issue is that there is a very large padding area between the menu line items…How can I fix it?

    February 3, 2017 at 4:05 pm #742422
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    @media only screen and (max-width: 767px) {
#top #header_main > .container, #top #header_main > .container .main_menu ul:first-child > li > a, #top #header_main #menu-item-shop .cart_dropdown_link {
    height: 50px !important;
    line-height: 50px !important;
}}

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.

    Best regards,
    Yigit

    February 3, 2017 at 7:48 pm #742543
    sjahan

    Perfect, thank you!!

    February 4, 2017 at 12:54 pm #742806
    Nikko

    Hi,

    Glad we could help :)

    Best regards,
    Nikko

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Disable Menu & Style Header’ is closed to new replies.