slidein side menu
Permalink Browser Info Environment
Hi
I have the slide in side menu herehttp://envillegolfclub.com/index.php... but the menu items are pushed down to the bottom of the page is there a way to have them at the top. they are in the right position in edit mode but when logged out they are pushed down! also is there a way to add a text nect the hamburger i.e. 'Menu'
Thank you
I have the slide in side menu herehttp://envillegolfclub.com/index.php... but the menu items are pushed down to the bottom of the page is there a way to have them at the top. they are in the right position in edit mode but when logged out they are pushed down! also is there a way to add a text nect the hamburger i.e. 'Menu'
Thank you
Type: | Ticket |
---|---|
Status: | In Progress |
Thank you, that work well :) im looking to emulate the menu from this sitehttp://www.hollinwell.co.uk/
is there a way to put text/images on top and bottom of the slide out? if there is a charge for this i will gladly pay for your support
Simon@comp4.co.uk
is there a way to put text/images on top and bottom of the slide out? if there is a charge for this i will gladly pay for your support
Simon@comp4.co.uk
Thanks for your question, I've just replied directly via email with a quote for this project.
JB
JB
I've checked the example URL you provided, and here's a screenshot of what I'm seeing:http://take.ms/hQa7I
I get the same result in Chrome (on a Mac), as well as Chrome on my Android phone. Based on the browser info in your ticket, you're using Firefox so I've tested that as well and getting the exact same result.
I'm assuming you want the menu to be pushed down below the "x" close button. So the easiest way to do this is to add this custom CSS code:
#mmhamburger{padding-top: 2.7em;}
It adds a little padding to the side menu. This can be added to the block interface if you're using a "custom" skin (preferable method). Otherwise, it can be copied into your theme's CSS code. The result will look like this:http://take.ms/Ei1fG
As for the text next to the hamburger, you can do this purely using CSS. As above, add this custom CSS code where you prefer:
Feel free to customise the font size, left position and color as you see fit.
Hope this helps.
JB