Docs

[VanderWalMedia]

Hi there,

I am having an issue with the compatibility of Super Store Finder plugin. I hope you have an easy solution for this. I guess it has something to do with z-index but i just can’t figure it out.

Your help would be much appreciated.

On mobile view the header overlays the plugin filter box. Can you check this out please? See image below and url: http://www.liva-meubelen.nl/verkooppunten on mobile view.

It prolly is outside of the scope of support but you guys are so smart 🙂

Cheers!

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> CSS :

@media (max-width:979px){
header.masthead.masthead-inline {
    z-index: 0;
    position: relative;
}
}

Hope that helps.

[VanderWalMedia]

Thanks!

Now the filter works good on portrait but the logo is transperent on bottom half of the header and filter still don’t work on landscape.

[Christopher]

Hi there,

In regards with logo issue, provide us with screen shot
Please add this code :

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
header.masthead.masthead-inline {
    z-index: 0;
    position: relative;
}
}

Hope it helps.

[VanderWalMedia]

This reply has been marked as private.

[VanderWalMedia]

This is screenshot of the homepage. This effect only appears on homepage in portrait mode on ipad.

[Rupok]

Hi there,

Let’s update the first suggested code :

@media (max-width:979px){
header.masthead.masthead-inline {
    z-index: 0;
    position: relative;
}
}

to

@media (max-width:1024px){
header.masthead.masthead-inline {
    z-index: 0;
    position: relative;
}
}

Hope this will do the job!

[VanderWalMedia]

No difference. And the logo still goes weird on homepage as I showed you in the image.

[VanderWalMedia]

Sorry here is the image

[Rad]

Hi there,

The question, how would you like the logo to appear on mobile? It’s vertical logo http://www.liva-meubelen.nl/wp-content/uploads/2016/09/LIVA-collectie.png and will always clip outside and overlay on other elements.

It’s either displays it on top of other, or hide it under the other elements.

Unless you will replace the logo on mobile so it wouldn’t hang outside the navbar, or simply push the content. What do you prefer?

Thanks!

[Author]

Posts