Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • #695793

    I’d like to set specific pages in the burger menu, how can I do without spending days..;) ?

    No pb if coding required, I always use Enfold child themes, I only work with Enfold..;)

    Merci !

    #695795

    Hey Luc!

    Can you please elaborate on the changes you would like to make?

    If i understood you clearly, you can simply go to Appearance > Menus and click “Screen options” on the top right corner and check “CSS classes” and then you can add custom class to the menu items you would not like to display in your hamburger menu (“no-burger” in example) then you can add following code to Quick CSS in Enfold theme options under General Styling tab

    #av-burger-menu-ul .no-burger { display: none !important; }

    Cheers!
    Yigit

    #696226

    Without #av-burger-menu-ul it works, good enough for me, thanks !

    And more difficult : I’d like the burger menu to start from left and to not exceed 300px (full height is ok), insert specif as social icons, and maybe customizing the appearance effect, easy for you I’m sure… ;)

    #696245

    Hi,

    We will gladly help you but it’s not entirely clear, would you mind providing a precise link to your site, showing the elements in question? and also share a mockup what exactly you are trying to do? We need to be able to inspect them in order to help :)

    Best regards,
    Vinay

    #696384

    But I have nothing to show you ! ;) I am just testing because I have to make a new web site and the client wants a burger menu always available appearing from left to right and containing a specifi menu, not the usual main menu.

    As far as now, I’m using the default burger menu, so when clicking the burger, the menu is displayed on the whole page with a white background. I’d just like its width to be 300px or so, and not filling the whole screen, that’s all.
    Then to make it appear from left to right rather than right to left which is the default.

    I know Subway theme can do the job but I’d like to use Enfold, as often ..;)

    • This reply was modified 8 years, 1 month ago by luke7263.
    #696410

    Hi,

    Thank you for elaborating :)

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

    .av-burger-overlay {
        max-width: 300px;
    }
    .av-burger-overlay-active #top .av-hamburger-inner::before, 
    .av-burger-overlay-active #top .av-hamburger-inner::after {
        background-color: #000000;
    }
    

    If the above code don’t work for you please get back to us with a link where we can inspect the element in question so we can help better :)

    Best regards,
    Vinay

    #696428

    Yes Vinay, this is what I want ! I just made a new fresh install, loaded the Creative demo that uses burger menu to see how to tune it, but on mine fresh demo that burger menu is not displayed !
    Check on private link

    #696436

    Finally it works on another test ! Your CSS works ok.
    But I still want the usual menu on right, and the burger on left, then displaying in burger menu different pages than in usual menu. Possible ?

    #696441

    Hi,

    It seems like you have currently disabled hamburger menu. Do you mind creating a temporary admin login and posting it here privately?
    Also, screenshots of the changes you would like to make would always help :)

    Best regards,
    Yigit

    #696546

    That was my last message : finally it works on another test ! Your CSS works ok, the burger is correctly on left side with 300px.

    But I still want the usual menu on right, then displaying in burger menu different pages than in usual menu. Possible ?

    #696547

    Hey!

    Please use this plugin – https://wordpress.org/plugins/zen-menu-logic/ to display different menus per page in hamburger menu. You can display your “usual menu” using Fullwidth submenu element on all pages as you are doing at the moment :)

    Best regards,
    Yigit

    #696561

    Yes, this is what I did, but that fullwidth menu is displayed under the burger menu bar, not clean ..:(

    #696563

    Hi!

    Again, i am sorry but i did not understand the issue you are currently having. Can you please post a screenshot? You can upload your screenshot on imgur.com or Dropbox public folder and post the links here.

    Best regards,
    Yigit

    #696571

    I already sent you a link, check that msg in private content.

    There you’ll site the burger menu displayed top left, very good, then a fullwidth menu inside the home page, but that one is under the burger row

    #696574

    Hey!

    Please edit your page and choose to display transparent header.

    We are asking for screenshots because many times what is obvious to users is not obvious to us as we are thinking about more possibilities. Now i understood (i hope) that you would like to display burger menu icon and submenu on the same line. If you have sent a screenshot, we would have moved in the right direction sooner :)

    Cheers!
    Yigit

    #696613

    Yes Yigit, this is what I want to do.
    So I set transparent header, but now at first launch the fullwidth menu is not displayed, and appears when I scroll.
    I tried the other transparent mode with header superposition but it’s not working wetter.
    I create you an access, check private content

    #697590

    Hi,

    We added this code in the Quick CSS field:

    #sub_menu1 {
        top: 87px !important;
        position: fixed !important;
    }

    Best regards,
    Ismael

    #698179

    Thanks all team, it’w working good.

Viewing 18 posts - 1 through 18 (of 18 total)
  • The topic ‘How to set a specific burger menu ?’ is closed to new replies.