Return to previous page

Sidebar cuts off on iPad in landscape mode

This topic has 2 replies, 2 voices, and was last updated 5 years, 2 months ago ago by Olga Barlow

Joesurf18

Participant

September 17, 2019 at 21:54

I am having difficulty with this themes responsive design.
The Sidebar cuts off on the iPad in landscape mode as it is wider than the Custom CSS for tablet controls. 768px – 991px

I see no solution for Custom CSS for tablet in Landscape and attempting to modify the Media Screen settings will not function as well.

This CSS turns off the Sidebar for the tablet but only at 768px – 991px.
Many tablets are wider than this in landscape display.

Your help is appreciated.

#221545 Copied Theme version: ROYAL - 8theme WordPress themeVersion: 2.9

1 Answer
Olga Barlow

Support staff

September 18, 2019 at 10:27
Hello,

We found custom CSS that causes issue with the width of the content and sidebar https://gyazo.com/f203f189527a70f0ced44744a04b338f

Edit your code and add the max-width in addition to the width
```
@media (min-width: 992px){
.container {
    width: 1400px;
    max-width: 100%;
}
}
```
Regards
#221569 Copied
Viewing 2 results - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.Log in/Sign up

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder

Grocery Market – Multivendor WP WooCommerce Theme

lazy-placeholder

Online Courses – WordPress WooCommerce Theme

lazy-placeholder

Beauty – WooCommerce Theme

lazy-placeholder

Furniture Store – WordPress WooCommerce Theme

lazy-placeholder

Books Store – WordPress WooCommerce Theme

lazy-placeholder

Watches Store – WooCommerce Theme

lazy-placeholder

WooPress Fullwidth

lazy-placeholder

Mobile Store – WordPress WooCommerce Theme

lazy-placeholder

Underwear – WooCommerce Theme

lazy-placeholder

Pizza Store – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.