Ocultar para pc y ocultar para celular no funciona

[ale_ttoriz]

Cuando creo un grupo en Content Builder y quiere ocultarlo para PC no lo respeta. Lo mismo sucede si lo quiero ocultar para celular. ¿Cómo se puede soluciona?

[SeaTheme]

Hi there,
Welcome to SeaTheme forum.

May I check your website? Could you please leave your wp-admin access (URL / username/password) by picking up “Set as private reply”?

ps: please try to use English, thanks.

---

Regards!
SeaTheme – FAQs – WordPress Customization – Facebook

[ale_ttoriz]

This reply has been marked as private.

[SeaTheme]

Hi,

I tested on your website, didn’t find the issue. I created a page, please test it(click) on Pc and Mobile , you should see different content (‘show on pc’ or ‘show on mobile’), if it does not work, please paste the 2 screenshots (post it to Dropbox or other cloud disk)

---

Regards!
SeaTheme – FAQs – WordPress Customization – Facebook

[ale_ttoriz]

It seems that this works fine, on mobile it fits and on PC too.
This is how my portfolio should fit.

On the other hand, I noticed that the English version is not visible (neither on PC nor on mobile), as well as the credits section (on mobile).

[ale_ttoriz]

The PC and mobile test you sent me works fine, but how can I do it for all the pages on my site?

[SeaTheme]

Hi,

On the other hand, I noticed that the English version is not visible (neither on PC nor on mobile), as well as the credits section (on mobile).

Please leave the issued webpage URL, thanks

---

Regards!
SeaTheme – FAQs – WordPress Customization – Facebook

[ale_ttoriz]

https://www.jjrrarquitectura.com/creditos/

This is the page and it doesn’t display correctly on mobile

[SeaTheme]

Hi,

Do you mean that the images does not display on mobile?

---

Regards!
SeaTheme – FAQs – WordPress Customization – Facebook

[ale_ttoriz]

Hi,

That’s right, that’s what I mean!

And the above PC and mobile test you sent me works fine, but how can I do it for all the pages on my site?

[SeaTheme]

Hi,

Please edit each issued pages, edit the issued Single Image modules, activate “Fit Image Width to Container”:
https://www.dropbox.com/s/sdzounv08iqy1oy/QQ20220924-112445.jpg?dl=0

---

Regards!
SeaTheme – FAQs – WordPress Customization – Facebook

[ale_ttoriz]

Ok, but I’m working with a slider and that option does not appear.

[SeaTheme]

Hi,

Ok, but I’m working with a slider and that option does not appear.

I did not find Slider on https://www.jjrrarquitectura.com/creditos/

Please leave the issue page url, thanks.

The mobile issue on creditos page are caused by the Single Image, edit the issued Single Image modules, activate “Fit Image Width to Container”:
https://www.dropbox.com/s/sdzounv08iqy1oy/QQ20220924-112445.jpg?dl=0

---

Regards!
SeaTheme – FAQs – WordPress Customization – Facebook

[ale_ttoriz]

Ok credits it works now.

This page does not work on mobile.
https://www.jjrrarquitectura.com/portafolio/casa-ventana/

¡Thanks!

[SeaTheme]

Hi
I checked the page, the layout displays as gallery list instead of slider on mobile.
Is the slider set hide for mobile on the Group module?

---

Regards!
SeaTheme – FAQs – WordPress Customization – Facebook

[ale_ttoriz]

It is correct, the module is hidden for mobile, but what I would like is for the responsive version seen on PC to look the same on a tablet, because it looks the same on a tablet as it does on mobile. That from 800 px it will be adjusted as PC.

[SeaTheme]

Please try to use CSS to set the hiding/showing rule on different size window(screen):

1. Disable hide for mobile and hide for desktop on the 2 Group modules

2. Please paste the custom CSS code to “Appearance > Customize: Additional CSS”

/*hide the slider less than 1023*/
@media (max-width: 1023px) {
 .module-id-1660491959889 {
  display:none; 
 }
}
/*hide the gallery more than 1024*/
@media (min-width: 1024px) {
    .module-id-1660491960617 {
     display:none;
   }
}

---

Regards!
SeaTheme – FAQs – WordPress Customization – Facebook

[ale_ttoriz]

Ok, but I have some code that I had previously added, should I remove the old one?

https://www.dropbox.com/s/dr482fdeoxn5fl9/Captura%20de%20Pantalla%202022-10-01%20a%20la%28s%29%2014.02.56.png?dl=0

[SeaTheme]

No, plz do not remove other codes.

---

Regards!
SeaTheme – FAQs – WordPress Customization – Facebook

[ale_ttoriz]

Ok, I have already done the above steps.
I disabled hide for mobile and hide for desktop in the 2 group modules
And I pasted the custom CSS code in Additional CSS

But now both groups appear and I want the slider to appear on PC and the gallery for tablet and mobile.
https://www.dropbox.com/s/ivq9q9tmo76r3rr/Captura%20de%20Pantalla%202022-10-03%20a%20la%28s%29%2017.55.35.png?dl=0

[SeaTheme]

Hi,

The above CSS codes is for the page only: https://www.jjrrarquitectura.com/portafolio/casa-ventana/
And it works on this page.

If you want it works for other pages. You need to add these IDs(the number after .module-id-, there is a unique ID for each module) to the above CSS, and multiple class names need to be separated by commas, in a format like this::

/*hide the slider less than 1023*/
@media (max-width: 1023px) {
 .module-id-1660491959889,
 .module-id-1234567,
 .module-id-7654321 {
  display:none; 
 }
}
/*hide the gallery more than 1024*/
@media (min-width: 1024px) {
    .module-id-1660491960617,
    .module-id-123456789,
    .module-id-987654321 {
     display:none;
   }
} 

---

Regards!
SeaTheme – FAQs – WordPress Customization – Facebook

[Author]

Posts