[iShaman]

We are seeing an issue ON TABLET VIEWS ONLY where the space to the right of the site identity logo is showing as an open blank spot on every page throughout the site. Any ideas why this would be? It displays this way on both an Android and Apple tablet. It displays as expected and desired on mobile and desktop. We are running php 7.4 and WP 5.9.1 Many thanks!

https://49ersfaithful.org

[Skandha]

@ishaman: Hello there,

Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

.mobile-menu-one #site-branding {
width: 100%;
}

Let me know if this works out!
Kind Regards,
Skandha

[iShaman]

doesn’t seem to fix it for me. I cleared the cache in Chrome and still the gap is there. I also see it in Safari on iPad. I can send you images. Do YOU see it (the gap) when you view my site on a tablet?

[iShaman]

wait i tried another tablet and it is fixed there, even though i cleared the cache on the first tablet it is not fixed. Bizarre!

 

[Skandha]

@ishaman: Hello there,

Have you added the Code in your Additional CSS section. I don’t see it there.
Can you please add the code and let me know so that I can check for the gap at my end?

Kind Regards,
Skandha

[iShaman]

The code is in. The issue seems to continue on larger tablets. Is it a ratio issue?

[iShaman]

How can I share a screen shot?

[Skandha]

@ishaman: Hello there,

I still don’t see the code I provided your above on your site. Can you please make sure if you have published your customizer settings?

Kind Regards,
Skandha

[Skandha]

@ishaman: Hello there,

You can upload the screenshot image on platforms like Google Drive or Dropbox and then post the link here.

Kind Regards,
Skandha

[iShaman]

Are you looking at the right site? The code is in. https://49ersfaithful.org Can you please just look at it with a tablet?

[iShaman]

Here is download link for code loaded and screen shot of issue.

<span class=”x_download_link_link”>https://we.tl/t-MQbG1NGq1W</span&gt;

[Skandha]

@ishaman: Hello there,

I checked your site now and the gap doesn’t seem to be there anymore. Can you please if that is the case at your end as well?

Kind Regards,
Skandha

[iShaman]

It was only on a tablet. Did you view it on a large tablet?

[iShaman]

Yes it is fixed. Do you know why?

[Skandha]

@ishaman: Hello there,

You seem to have added a lot of CSS and made #site-identy { width: 100%; }.

Any one should resolve the issue.

Kind Regards,
Skandha

[Author]

Posts