-
AuthorPosts
-
October 5, 2016 at 10:25 pm #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 !
October 5, 2016 at 10:31 pm #695795Hey 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!
YigitOctober 6, 2016 at 11:49 pm #696226Without #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… ;)
October 7, 2016 at 4:27 am #696245Hi,
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,
VinayOctober 7, 2016 at 11:12 am #696384But 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.
October 7, 2016 at 12:00 pm #696410Hi,
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,
VinayOctober 7, 2016 at 12:37 pm #696428Yes 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 linkOctober 7, 2016 at 12:54 pm #696436Finally 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 ?October 7, 2016 at 12:59 pm #696441Hi,
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,
YigitOctober 7, 2016 at 3:36 pm #696546That 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 ?
October 7, 2016 at 3:39 pm #696547Hey!
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,
YigitOctober 7, 2016 at 3:53 pm #696561Yes, this is what I did, but that fullwidth menu is displayed under the burger menu bar, not clean ..:(
October 7, 2016 at 3:55 pm #696563Hi!
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,
YigitOctober 7, 2016 at 4:09 pm #696571I 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
October 7, 2016 at 4:18 pm #696574Hey!
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!
YigitOctober 7, 2016 at 4:48 pm #696613Yes 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 contentOctober 11, 2016 at 3:04 am #697590Hi,
We added this code in the Quick CSS field:
#sub_menu1 { top: 87px !important; position: fixed !important; }
Best regards,
IsmaelOctober 12, 2016 at 10:16 am #698179Thanks all team, it’w working good.
-
AuthorPosts
- The topic ‘How to set a specific burger menu ?’ is closed to new replies.