How to change when the site switches styles for devices

Support
#1

In reference to the closed thread below:

We added the code at the bottom of the above link and it helped with the iPad in portrait mode, however its still not switching sooner in landscape. We upped the px from 979 to 1079 and it still didn’t have any effect. Can you let us know how we may go about getting it to switch on any device to just be in the different style format?

#2

Hi there,

You may update the media query code to specifically target a device. For example, if you want to target both landscape and portrait mode of an ipad device, try this code:

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { 
        .my-content-band .x-column.x-1-2 {
            width: 100% !important;
            display: block !important;
    }
}

You can find more information about CSS Media Queries here.

Hope this helps.

#3

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.