Docs

[JW & Co.]

Hello,

If you open up http://www.homeandhealthy.joshuaweatherstone.com, you will notice that nothing looks wrong with the header. However, if you open the page on an iPad (horizontal/landscape view) you will the logo and menu items become stacked. How can I keep these inline?

Thanks,
Josh

[Joao]

Hi Josh

Please try adding the following code to Appereance Customizer Custom CSS

@media screen and (max-width: 979px) {
.x-brand img {
width: 300px  !important;
}
}

Hope that helps

Joao

[JW & Co.]

Hello,

Unfortunately this doesn’t work… I am experiencing the same issue on iPad AND now the logo looks smaller and is being vertically aligned differently.

Please advise,
Josh

[Rupok]

Hi Josh,

Kindly update the code a bit :

@media screen and (max-width: 1050px) {
.x-brand img {
width: 300px;
}
}

Hope this helps.

Cheers!

[JW & Co.]

Hello,

This code is better, but the logo is still not vertically aligned correctly when the page is viewed from my iPad.

Thanks,
Josh

[Joao]

Hi Josh,

Please update the code to >

@media screen and (max-width: 1050px)
.x-brand img {
    width: 300px;
    padding-top: 10px;
}

Hope it helps

Joao

[JW & Co.]

I think it will have to do. I may revisit it in a few days if I have time.

Thanks,
Josh

[Rue Nel]

Awesome! Please let us know how it goes.
If you need anything else we can help you with, don’t hesitate to open another thread.

[Author]

Posts