[Support request] Hamburger menu not on same line as header image and search icon on mobile

[Alf]

Hi there,

I am trying to implement the navigation search in the primary navigation. I works well on desktop with the search icon placing itself to the right of the hamburger menu.

However, on mobile the hamburger menu drops down to a second line underneath the image; which displaces the content also down. (The “top line” is just to header image and the search icon all the way to the right).

Would be grateful for any help with this.

Many thanks in advance,

Best,
Alf

(using latest versions of theme and and GP Premium)

[David]

Hi there,

ideally you would upload smaller logo to the Mobile Header ie. one that is not as wide.
Or you can reduce its current size with this CSS:

.site-logo.mobile-header-logo img {
    height: 50px;
}

I would suggest you also exclude the Lazy Loading on that image. Most lazy loaders provide an option to exclude images by CSS Class, you can use: is-logo-image

[Author]

Posts