Hamburger Menu dropping down a position on tablets and mobile - Forum | JoomShaper
Staff replied Helix Framework

Hamburger Menu dropping down a position on tablets and mobile

Asked by Matt Hunt 2 years ago Last activity 2 years ago

Hi,
I've a situation where I've got the logo on the menu bar, with a layout of 2+10. It looks fine on a desktop but for mobile and tablets, it forces the menu (hamburger) to display below that menu bar even though there seems to be a ton of space available for it.

Please advise how I can get that to display where it should.

2 replies

Oldest first Newest first Most helpful
Paul Frankowski Senior Staff
2 years ago · edited

Hi Matt,

is that a Custom Header (set by you, or premade) ??

if 1st answer, set Grid for Phone view col-sm-6 / col-6 for each column (Logo and Menu).

info_3009_2024.png

Matt Hunt Asked this
2 years ago

Thanks Paul!

Paul Frankowski Senior Staff
2 years ago

You're welcome.

Please also use that:

@media (max-width: 580px) {
  #offcanvas-toggler {height: 40px;line-height: 40px;}
    }
Log in to reply.