Mobile Responsive Header & Slideshow

[Joaquim Moreira dos Santos]

Hello,

on our site we have a problem with the responsiveness of the header and the organic blocks slideshow.

In the header the searchbar doesn’t change in size or form wich leads to the case in wich the sitelogo shrinks to the point that it is not readable anymore and the menu and socialmedia icons are like a list from top to bottom.

The slideshow pictures just stop to shrink at some point so it cuts parts left and right side of the picture off.

Thanks!

Attachments:

You must be logged in to view attached files.

[David Morgan]

Hi Joaquim,

Thanks for reaching out! Can you please provide a link to your site so we may review this issue?

Thanks!

[Joaquim Moreira dos Santos]

This reply has been marked as private.

[David Morgan]

Hi Joaquim,

I apologize for the delay. Upon inspecting your site, this issue is occurring because there is a hard width value defined for the search bar. My suggestion would be to hide the search bar on only mobile devices by adding the following style within the Additional CSS section of the Customizer:

@media screen and (max-width: 768px) {
  .header-wrapper .wp-block-search {
    display: none;
  }
}

I hope this helps.

Thanks!

[Author]

Posts