Menu on Tablet

Stykman · June 2016

Hi there, I have tired searching the code of the template as well as scouring your support boards looking for an answer to this issue.

The website in question is www.tombbusters.com. When The website responds to the tablet width (1239px and below), the menu bar with logo and "hamburger" menu icon display. However, the height of the menu bar is too large covering up existing content (See: http://tombbusters.com/images/TombBusters-2016-06-08-15-23-19.png ). I would like to know how to 1) reduce the height of the menu bar and 2) use a different logo. I have uploaded a new logo for mobile devices but it only loads when the browser width drops below 760px.

Thanks for your help

Albert · June 2016

Hi,

1) Menu bar can be reduced with the following css:

@media only screen and (min-width: 768px) and (max-width: 1239px) {
    #Top_bar .logo { margin: 0 !important; }
}

2) It is not possible to set different logo for tablets. On tablets works the same logo as for desktop version.

Stykman · June 2016

That looks much better, thank you. Bummer about the logo but it will have to make do.

Thanks again.

Albert · June 2016

You're welcome!

Menu on Tablet

Comments