Logo on mobile

[shaynes]

Hi there our logo is showing out of proportion when viewing on mobile?

When we rescale our Firefox window down the logo appears fine. It has settings of 100%x100%. How can we rectify?

Thanks

[Ernesto]

HI, could you send us a link to you webpage so we can inspect the issue by ourselves?

[shaynes]

This reply has been marked as private.

[Ernesto]

Hi, I took a look at your page and there seems to be nothing wrong with the logo on any screensize. Did you manage to fix this issue? Could you send us a screen of the situation you’re experiencing?

[shaynes]

This reply has been marked as private.

[Ernesto]

Hi, go to your Custom CSS Section in your Theme Options Panel and enter the following codes:

#mobile-menu-toggle {top: 89px;}
#site-logo {position: static; float: left;}
.standard-logo{margin: 0!important; padding-bottom: 10px; position:static}
.button large square {position: static;  float: right;}

Let us know if that worked out!

[shaynes]

All works great but covers the logo. Anyway we can drop it down to underneath the logo?

[shaynes]

This reply has been marked as private.

[Ernesto]

Hi, if you enter the following CSS code you can avoid the menu to overlap the button and the logo to overlap the button:

#mobile-menu-toggle {top: 100px;}
#start-button {margin-bottom: 20px;}

Hope that works out for you!

[shaynes]

Many thanks this does sort one problem.

Is there a way that we can make the mobile menu appear when using a tablet in portrait? As it currently stands the normal navigation wraps around the button.

Many thanks

[Ernesto]

HI, from what I can see it works when setting up a portrait sized screen. Does this fail to work on any particular browser or when setting the screen as landscape?

[shaynes]

This reply has been marked as private.

[shaynes]

This reply has been marked as private.

[Ernesto]

Hi! Is there any chance you could send us a temp login so we can inspect how the code is being produced on your webpage?

[Author]

Posts