Return to previous page

How to adjust responsive conflict under mobile page

This topic has 5 replies, 3 voices, and was last updated 1 years, 10 months ago ago by franksong

franksong

Participant

December 18, 2022 at 08:57

Hi, I have encounter a issue under single product page.
Near the bottom there is a product tag selection for new/necklace/bracelets
Under normal laptop view it shows fine.
But when it comes to mobile, the tag floats up and cover heading.

In elementor it shows normal. So that I think maybe there is some conflict in between, Do you know how can I adjust to normal?

Please, contact administrator
for this information.

#341751 Copied Theme version: 8.3.8 WooCommerce version: 6.1.1

4 Answers
Tony Rodriguez

Support staff

December 18, 2022 at 09:42
Hello, @franksong,

In order to solve your issue please copy and paste the below-given CSS code to XStore >> Theme Settings >> Theme Custom CSS >> Global and Save settings and check back to your site after removing the browser cache.
```
@media only screen and (max-width: 991px)
.et-advance-tabs .et-tabs-nav>ul {
    margin-top: 50px !important;
}
```
The result will appear like this: https://ibb.co/9nDqMXx

Regards 8Themes Team.
#341755 Copied
franksong

Participant

December 18, 2022 at 14:12

Hi, I did following as you mentioned and then cleared the cache.
It seems not pointing to that element?

Can you checking the steps I did is correct?

Please contact administrator
for this information.

#341772 Copied
Rose Tyler

Support staff

December 18, 2022 at 15:20
Hello,

Thanks for the reply.
Please change the code to
```
@media only screen and (max-width: 991px) {
    .et-advance-tabs .et-tabs-nav>ul {
        margin-top: 50px !important;
    }
}
```
Regards
#341780 Copied
franksong

Participant

December 18, 2022 at 17:42

Sweet! that fixs this issue. Thank you for rapid respond!

#341782 Copied
Tagged: adjustment, best selling, conflict, mobile, responsive, themes, woocommerce
Viewing 5 results - 1 through 5 (of 5 total)

The issue related to '‘How to adjust responsive conflict under mobile page’' has been successfully resolved, and the topic is now closed for further responses

How to adjust responsive conflict under mobile page

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection