Cafe Pro Responsive Menu

[alistairmckenzie]

Hi I am using the Cafe pro theme which is great on a mobile device putting the responsive menu at the bottom of the device screen, my problem is when you click the menu nothing happens, well it does but it opens up but off screen, what I would like is when you click the Menu icon the menu slides up so you can view it as many a customer just thinks it doesn't work and doesn't think to scroll down any help much appreciated

http://iwsandbox.co.uk/funeral-sites/hyndburn/

[frobn]

It can be done using css.

You can move the menu and the icon up by using a negative margin-top and changing the icon color and menu li a. The margin-top will need to be set for both the front-page and inner pages.

You will need to modify these selectors

For neg margin-top:
.genesis-nav-menu.responsive-menu .menu-item, .responsive-menu-icon

.menu-primary (@media breakpoint)

For color:
ul#menu-main-menu a

.responsive-menu-icon::before

[alistairmckenzie]

This reply has been marked as private.

[Dan B]

So what solution did you settle on??

---

Dan @ ZindaMedia
Marketing, Fundraising and Social Media strategies for non-profits.

[alistairmckenzie]

I bagged it off and used shiftnav instead

[Author]

Posts