[Support request] Mobile Header Layout

[Ash]

Thanks but it moves the account hook left aswell

[Tom]

Ah, updated: https://generatepress.com/forums/topic/mobile-header-layout/page/3/#post-1339485

Tested and working 🙂

[Ash]

Hi

Brining up this old thread. For some reason the search is no longer showing on mobile it was fine a few days ago, don’t think I have changed anything with the header.

[David]

Hi there,

there is some CSS that is hiding the search form.
If you haven’t changed anything then it maybe a caching issue, try clearing or disabling caches temporarily to see if it returns. If it doesn’t then i cant take a closer look.

[Ash]

It’s not cache I disabled that, also disabled additional plugins.

Only thing I could see in the code was this

Adding display: flex; shows it but to the right of cart, it was always left

I removed the only css I have added in the last two days and that wasnt causing it either

[David]

I see the Themes CSS of this ( its the next rule down in your image):

.menu-toggle, .mobile-bar-items, .sidebar-nav-mobile {
    display: none;
}

Which hides those elements.

If you want the ajax search to appear then it would require CSS to override that:

@media (max-width: 1024px) {
    .mobile-bar-items.ajax-search {
        display: block;
    }
}

[Ash]

Thanks, That shows it but in wrong position.

As I say I have not changed anything regarding the header css since Tom gave me it in this thread last year and it has alway been fine.

Not sure what could of changed. Only thing I did was this morning I was testing different header layouts in the customizer (without saving) I did activate menu search and saved to see how it would look but quickly disabled it after.

[Elvin]

Hi there,

Can you tell us where it’s supposed to show up? Perhaps a mockup or how its supposed to be laid out?

[Author]

Posts