Return to previous page

CRITICAL ISSUE: Visibility responsive problem

This topic has 5 replies, 2 voices, and was last updated 2 years ago ago by LMcompany

LMcompany

Participant

October 20, 2022 at 23:28

Hi, I have a huge problem with Elementor’s visibility function; it works when it wants to… As you will see in the video, in the editor the objects are hidden correctly, but in the published site they either interfere or are completely visible. The problem on the desktop site is that there are a few of them, but on the mobile site all the invisible things are completely visible!

https://www.awesomescreenshot.com/video/11874166?key=3a367e60d704dfad72603355c67f4cc9

I have to publish the site tomorrow and I have constant errors…

Help please!

Regards

LM

Please, contact administrator
for this information.

#337025 Copied Theme version: 8.3.5

4 Answers

Tony Rodriguez

Support staff

October 21, 2022 at 08:44

Hello, @LMcompany,

I have checked your site and found no issues. The hidden elements are still hidden they don’t appear on the front end I have recorded a video for you please watch it complete for a better reference: https://streamable.com/8to6gy then check back to your site after clearing the browser cache.

Regards 8Themes Team.

#337050 Copied

LMcompany

Participant

October 25, 2022 at 09:30

Hi,
Yes, on the phone it is now correct, but on the computer it does not adjust the columns and leaves the blank space in place of the hidden column. https://www.awesomescreenshot.com/image/33731283?key=999fc8b6c72472e688811dfde386ed15
(I cleared the cache, that’s not the problem)

Regards

LM

#337271 Copied
Tony Rodriguez

Support staff

October 25, 2022 at 11:22
Hello, @LMcompany,

It is the default behavior of the Elementor. You are hiding/showing elements using the Elementor feature of responsiveness. You cannot control this behavior from the theme options to show the content in the center of the screen of the desktop you have to use the Custom CSS code.

Now, In order to solve your issue simply go to the Dashboard >> XStore >> Theme OPtions >> Theme Custom CSS >> Global and then paste the below code at the bottom of the CSS box there.
```
@media(min-width:992px){
.elementor-5143 .elementor-element.elementor-element-33ce80c > .elementor-container{justify-content:center !important;}}
```
Then save settings and check back to your site after clearing the browser cache.

Regards 8Themes Team.
#337284 Copied
LMcompany

Participant

October 26, 2022 at 08:13

Thank you very much.

Regarding the hidden column taking up space, I solved it by setting the percentage on the Desktop to 2%, so all the remaining space is taken up by the visible columns.

Best regards.

LM

#337353 Copied
Tagged: best, critical, issue, responsive, selling, themes, visibility, woocommerce
Viewing 5 results - 1 through 5 (of 5 total)

The issue related to '‘CRITICAL ISSUE: Visibility responsive problem’' has been successfully resolved, and the topic is now closed for further responses

CRITICAL ISSUE: Visibility responsive problem

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection