Return to previous page

Problems in the layout of variations and changing styles on mobile devices

This topic has 18 replies, 3 voices, and was last updated 5 years, 4 months ago ago by Rose Tyler

Michael

Participant

August 11, 2020 at 14:14

When the user clicks on the variations, sometimes 2 are selected, just like on some phones the css I applied on the page has no effect, this has been changed for a while, about 1 to 2 weeks.

Print: https://prnt.sc/txrqzy

#247220 Copied Theme version: 6.3.5 WooCommerce version: 4.3.0

17 Answers

Olga Barlow

Participant

August 11, 2020 at 15:03

Hello,

Checked your site using a mobile device and don’t see the mentioned issue http://prntscr.com/txt0gz
What device do you use?

Regards

#247235 Copied

Michael

Participant

August 11, 2020 at 15:45

I use asus zenfone l2, but it also happens on samsung galaxy a31.
This does not happen sometimes on the first click, but if you insist it happens, because my client had a lot of difficulty choosing the pattern and among others because of this factor

#247249 Copied
Olga Barlow

Participant

August 11, 2020 at 16:29
Hello,

Try to add the below code to child theme style.css

@media only screen and (max-width: 769px){ ul.st-swatch-preview li:hover:not(.selected){ border: 2px solid; border-color: #bfbfbf; } }

Regards
#247259 Copied
Michael

Participant

August 11, 2020 at 16:53

All my css, I put in the child theme, is that why some styles that I applied don’t work on some mobile devices?
I will apply this css, but there is the fact that it does not change in some devices, such as the galaxy a31, some styles do not change, even putting! Important in everything and slightly bugging the website layout

#247269 Copied

Michael

Participant

August 11, 2020 at 16:58

I was not successful with this code, but it must be the cache factor

#247274 Copied

Olga Barlow

Participant

August 11, 2020 at 17:29

Hello,

Provide us with WP Dashboard access to your site to check.

Regards

#247279 Copied

Michael

Participant

August 11, 2020 at 18:17

Here access

Please contact administrator
for this information.

#247281 Copied

Olga Barlow

Participant

August 12, 2020 at 10:19

Hello,

Code works and I don’t see issues once plugin and browser cache is cleared.
So, clear the mobile device browser cache or check in the incognito window.

Regards

#247360 Copied

Michael

Participant

August 12, 2020 at 15:30

Product is being added to the cart and it appears that the cart is empty and I can also access my client’s cart, why did this happen ??

Does anything seriously affect my website’s database, can you please resolve this?

#247476 Copied

Olga Barlow

Participant

August 12, 2020 at 17:08

Hello,

Try to disable the cache plugin and check adding to the cart without cache.

Regards

#247507 Copied

Michael

Participant

August 12, 2020 at 17:43

what changes did you make when I enter the panel?

#247509 Copied

Michael

Participant

August 12, 2020 at 17:44

Did you enter something different? If so, please undo it and tell me what it was

#247510 Copied

Michael

Participant

August 12, 2020 at 17:45

Simulates a purchase on my website

Site: makobaby.com.br

#247511 Copied

Michael

Participant

August 12, 2020 at 18:03

I need the solution urgently please!

#247513 Copied

Olga Barlow

Participant

August 13, 2020 at 11:50

Hello,

We did not make any changes, just checked if you added the code to the correct place and cleared the cache. That’s all. We are able to add products to cart http://prntscr.com/tyww1m
It’s not empty.

Regards

#247655 Copied

Michael

Participant

August 13, 2020 at 21:01

Sorry, I was wrong, because the site was giving some problems simply for no reason, but it was the CDN, sorry!

#247756 Copied

Rose Tyler

Support staff

August 14, 2020 at 15:19

Feel free to ask if you have any other questions.

Regards

#247907 Copied
Viewing 18 results - 1 through 18 (of 18 total)

The issue related to '‘Problems in the layout of variations and changing styles on mobile devices’' has been successfully resolved, and the topic is now closed for further responses

Problems in the layout of variations and changing styles on mobile devices

Explore our best WordPress WooCommerce Themes collection