Return to previous page

Sidebar cuts off on iPad in landscape mode

This topic has 2 replies, 2 voices, and was last updated 4 years, 7 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

Kids Store – WooCommerce Theme

lazy-placeholder

Pet Shop – WordPress WooCommerce Theme

lazy-placeholder

Marseille04 – WordPress WooCommerce Theme

lazy-placeholder

Coffee Store – WordPress WooCommerce Theme

lazy-placeholder

Eco Scooter Store – WordPress WooCommerce Theme

lazy-placeholder

Business 02 – WordPress WooCommerce Theme

lazy-placeholder

Lawyer – WordPress WooCommerce Theme

lazy-placeholder

Niche Market – Multivendor WP WooCommerce Theme

lazy-placeholder

Sneakers Store – WordPress WooCommerce Theme

lazy-placeholder

Sidebar Boxed Store – 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.