Docs

[Anthony T]

Hi,

When making edits on my website and switching between screen sizes, everything responds and looks like I want it too.

However, when viewing in portrait mode on ipad 9.7, elements are displaying as they would as if in landscape mode or on a wider screen.

How do I fix it?

Images will be attached in next message

[Anthony T]

This reply has been marked as private.

[Anthony T]

This reply has been marked as private.

[Rad]

Hi Anthony,

Customizer is WordPress’s built in feature and it’s made that way. We can’t edit WordPress core files to implement what you wish to achieve.

What we did is we only use customizer for X theme options. Preview is something decided by WordPress.

Thanks!

[Anthony T]

Sorry but I don’t think you understand what I mean.

This has nothing to do with customizer. I was just using that to show you an example.

My problem is that things are displaying properly on most devices but not on ipad. This is most likely a css fix.

Please help.

[Rad]

Hi there,

Ah, you mean the landscape should display the same what’s on portrait, right?

Please add this CSS,

@media ( max-width: 1024px ) {

.x-nav-wrap.desktop {
    display: none;
}

.x-btn-navbar {
    display: block;
    float: right;
}

.x-nav-wrap.mobile.in, .x-nav-wrap.mobile.collapsing {
    display: block;
}

}

Thanks!

[Anthony T]

Thanks for that but what I mean is I want the content to collapse on an Ipad. Make sense?

Please help.

[Joao]

Hi There,

Please add the following code to Appereance > Customizer > Custom > CSS

@media ( max-width: 1024px ) {
.x-column.x-1-2 {
    width: 100% !important;
}}

Hope it helps

Joao

[Author]

Posts