Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • August 9, 2017 at 6:43 pm #836546
    Steffen

    Hi,

    is it possible to change the breakpoint of the mobile menu in the new Enfold version, so that the burger menu appears sooner (at 1130px)?

    I need to remove the following code to make the mobile menu appearing at all, but I can see no option to change the breakpoint again:

    @media only screen and (max-width: 1130px) {
    nav.main_menu {display:none !important;}
    #advanced_menu_toggle, #advanced_menu_hide {display:block !important;}
    }

    Kind regards!

    August 9, 2017 at 7:14 pm #836563
    zimbo

    @Steffen – see this thread. It should help but good luck – it’s not a trivial change, it’s a real pain. I’ve just had to do it on another Enfold site and the solution I posted at the end of that thread, whilst the main elements are similar, had to be customised again to make it work.

    August 10, 2017 at 11:53 am #836914
    Steffen

    Hi zimbo,

    thank you for your fast response!
    I added the code to the CSS and it works fine, besides the fact, that the burger menu icon is displayed on the left side between 1150px and 990px. Is there a chance to display the burger menu and the search icon on the right side?

    Kind regards

    August 10, 2017 at 1:38 pm #836967
    zimbo

    @Steffen – no idea why the burger menu is on the left, it’s always displayed to the right, at all responsive screen sizes, on all the sites I’ve modified for the wider ‘trigger’ point (when I’ve got it working how I want it that is, but I never had a left-aligned issue).

    As a humble user I think you’ll need to wait for a moderator to help you. They’ll need to see the site however so reply with the domain so they can have a look at it live.

    August 10, 2017 at 11:58 pm #837213
    Jordan Shannon

    Hi,

    Please provide admin info in the private section so I can view the css you have used to accomplish this.

    Best regards,
    Jordan Shannon

    August 11, 2017 at 9:44 am #837351
    Steffen

    Hi,

    @zimbo: Thank you for your help!


    @Jordan     Shannon: I posted the login details in the private content area below.

    Kind regards

    August 11, 2017 at 4:52 pm #837517
    Jordan Shannon

    Hi,

    Add the following to quick css:

    @media only screen and (max-width: 1230px) {
.av-main-nav-wrap{
float:right!important;
}
.main_menu{
position:relative!important;
}}

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.