Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #202728

    hi
    my client has a hell a lot of links in both the main and pre-header menu, so i want to force the nav to the mobile layout at 1140px

    but can’t find the code that switches the nav. can you point me in the right direction?

    thanks as always.
    paul

    • This topic was modified 3 months, 4 weeks ago by  Paul M.
    • This topic was modified 3 months, 4 weeks ago by  Paul M.
    #202795
    #202915

    thanks yigit. is there also a way to have the top menu switch or does that all have to be done via css?
    best, paul

    #202998

    Hey!

    What do you mean by switch order? You can arrange the order of the menu items on Appearance > Menus panel. Create a new menu then set it as Enfold Secondary Menu on Theme Locations option.

    Best regards,
    Ismael

    #203093

    sorry for not being more clear. i meant to have the pre-header menu not be set at 1 row at 768px so that it’s height can accommodate more than one row of links. i was able to achieve it via css.

    /*allow pre-header nav to display as multiple rows at 768px*/	
    @media only screen and (min-width: 768px) and (max-width:1140px) {
       .responsive #header .sub_menu, .responsive #header_meta .sub_menu > ul {
        float: none;
        margin: 0 auto;
        position: static;
        text-align: center;
        width: 100%;
    }
    .responsive #header .sub_menu, .responsive #header_meta .sub_menu > ul {
        float: none;
        margin: 0 auto;
        position: static;
        text-align: center;
        width: 100%;
    }
    #top .sub_menu > ul, #top .sub_menu > ul > li {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    }
    .responsive #header_meta .sub_menu > ul li, .responsive #header .social_bookmarks li {
        display: inline-block;
        float: none;
    }
    #top .sub_menu > ul, #top .sub_menu > ul > li {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    }
    .responsive .boxed#top {
        width: 500px; 
      }
    }
    • This reply was modified 3 months, 3 weeks ago by  Paul M.
    #203096

    Hi!

    Glad you figured it out and thanks for sharing! Let us know if you have any other questions or issues

    Cheers!
    Yigit

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Force mobile nav at 1140px’ is closed to new replies.