Return to previous page

Css problems with tablet modes rotating - by fyshlas

This topic has 6 replies, 2 voices, and was last updated 7 months ago ago by Luca Rossi

fyshlas

Participant

May 23, 2024 at 14:05

Problem with tablet css modes when tablet turns from portrait to landscape

Please, contact administrator
for this information.

Files is visible for topic creator and
support staff only.

#396403 Copied Theme version: 6.4.7

5 Answers
Luca Rossi

Support staff

May 24, 2024 at 05:31
Dear @fyshlas,

We hope this message finds you well. To address the issue you are experiencing, we recommend implementing the following custom CSS:
```
@media (min-width: 768px) and (max-width: 960px){
    body .navbar-right .aws-container {
        display: none !important;
    }
}
```
Please add this code to your website’s CSS file. If you require any further assistance or have additional questions, please do not hesitate to contact us.

Best Regards,

The 8Theme Team
#396442 Copied
fyshlas

Participant

May 24, 2024 at 12:13

Thank you this worked like a charm.

Please contact administrator
for this information.

Files is visible for topic creator and
support staff only.

#396500 Copied
Luca Rossi

Support staff

May 24, 2024 at 15:24
Hi @fyshlas,

Please try with this custom CSS:
```
@media (max-width: 480px){
     .shopping-container .shopping-cart-widget {
          padding-top: 10px;
     }
     .fixed-header .shopping-container .shopping-cart-widget {
          padding-top: 12px;
     }
}
```
Let us know how it goes!
#396530 Copied
fyshlas

Participant

May 25, 2024 at 04:45

Nope this didnt work unfortunately

Please contact administrator
for this information.

Files is visible for topic creator and
support staff only.

#396574 Copied
Luca Rossi

Support staff

May 25, 2024 at 09:56
Hi @fyshlas,

You mentioned the screen sizes 800×480 and 480×800 but you checked in 960×600 and 600×960 screensizes.

Please also adde this custom CSS code:
```
@media (min-width: 768px) and (max-width: 960px){
    .fixed-header .shopping-container .shopping-cart-widget {
        padding-top: 7px;
    }
}
```
Hope it helps!
#396606 Copied
Tagged: css issues, online store optimization, responsive design, tablet modes rotating, web development, woocommerce, wordpress templates
Viewing 6 results - 1 through 6 (of 6 total)