position menu on mobile devices.

DutchPC · November 2015

Hello,

I would like to have the menu in the middle and at the top of the page on mobile devices. Now i have 3 stripes on the right side of the screen. With some pages it is very difficult to see the menu. Is it also possible to make the 3 stripes bigger? this way it is easier to see for the user.

Thanks for the support.

Albert · November 2015

Hi,

yes, you can increase mobile menu icon with below css:

#Top_bar a.responsive-menu-toggle i { font-size: 35px !important; }

DutchPC · November 2015

Thanks, that works!

But how do i show this top center and above the page?

Albert · November 2015

Please show us on screenshot how you would like to do it on your site and also provide url to your site and we'll see if this can be done.

DutchPC · November 2015

http://www.automatiseringinhuis.nl/

http://themes.muffingroup.com/be/vision

When it is been viewed at on a tablet, the menu is together with the logo on top.

I have the logo disabled, maybe thats the cause that the menu is the same on a tablet.

Albert · November 2015

Yes, this is the reason. You have disabled the logo and that's why menu does not look the same as on our demo. There is unfortunately nothing what we can do to help you because custom css won't fix it. Theme files modification are necessary to move the responsive menu icon to the top on mobile devices.

DutchPC · November 2015

I used i empty png logo and it seems to work.

Because of my menu isn't as wide as the page i use below css.

#Top_bar .top_bar_left { width: 1240px !important; }

But because of the above code the menu isn't showing on mobile devices. When i delete that line it works fine but then the menu isn't as wide as the page. How can i get both to work?

Albert · November 2015

That's the point. You can not get both. If you want responsive icon to be visible on mobile, please remove above css.

position menu on mobile devices.

Comments