Search Button Hidden in Mobile Page Widths

briajer · Post by **briajer** » 20 Jan 2023, 11:34

I would like to keep the Search Button visible when the view changes due to responsiveness.

The Locale Options stayed visible but the search icon disappears.
I removed the code for "@yield('aimeos_head_locale')" in the base.blade.php to make room for the Search Icon.

I have also tried moving the search Icon next to @yield('aimeos_head_basket'), which works in desktop view but still disappears in mobile view.

Where can I change this behaviour? I'm guessing it's CSS in the Default Navbar / theme but i'm not sure where to look.

Thanks

Post by **aimeos** » 25 Jan 2023, 11:45

The search field is styled here:
https://github.com/aimeos/ai-client-htm ... #L360-L446

briajer · Post by **briajer** » 25 Jan 2023, 20:07

From html inspection - button.btn.btn-search / section.aimeos.catalog-filter seems to be what I would like to stay visible.

In mobile view the search button inside the Navbar disapears in mobile view but the account and basket buttons stay visible

I also tried playing with the @yield('aimeos_head_search) (base.blade.php)

I can't find the specific CSS to affect the class in the input-group / flex (div.search-lists)

If you know specifically where this CSS is it would be helpful Thanks

Post by **aimeos** » 27 Jan 2023, 09:38

Take a closer look at the absolute positioning here:
https://github.com/aimeos/ai-client-htm ... #L399-L406

Help for Aimeos