Return to previous page

How to set different square banner for mobile at homepage?

This topic has 8 replies, 2 voices, and was last updated 3 months, 2 weeks ago ago by Rose Tyler

Alyvalco

Participant

January 9, 2024 at 16:55

Hi team,

I want to set square banner for mobile view at homepage and hide the current banner in mobile – http://tinyurl.com/ytjyws8s. Could you please let me know how can i do that?

Thanks in advance

Please, contact administrator
for this information.

#379352 Copied Theme version: 9.2.5 WooCommerce version: 8.4.0

7 Answers

Rose Tyler

Support staff

January 9, 2024 at 17:15

Hello, Alyvalco,

Thank you for reaching out to us with your request.

Please refer to the following settings to conceal content based on the device type: https://prnt.sc/IK7lcxjv7D4o

Best Regards,
8Theme’s Team

#379358 Copied

Alyvalco

Participant

January 14, 2024 at 14:32

Hi Rose,

Appreciate your response.

I’ve added the banner at “row” level which do not provide option to hide. Here is the SS – http://tinyurl.com/ylbbf2f6. This is I’ve added as per discussion with one of your teams in the last ticket.

And this is the banner I need to show in mobile device – http://tinyurl.com/ympf7552

Thanks in advance.

#379868 Copied

Rose Tyler

Support staff

January 14, 2024 at 15:14

Hello, Alyvalco,

We would like to inform you that if your intention is to create two distinct rows, one designated for desktop view and the other for mobile view, you may achieve this by utilizing the following custom classes:
mob-hide
dt-hide
https://prnt.sc/x-lVBimUWm7m

Best Regards,
8Theme’s Team

#379871 Copied

Alyvalco

Participant

January 15, 2024 at 17:01

Hi Rose,

I can see extra class is already placed there – http://tinyurl.com/yt93otmt

How can I add another one, or can you give me the code to hide this banner in Desktop which I can add in the same class?

Regards,

#379981 Copied

Rose Tyler

Support staff

January 15, 2024 at 17:17

Hello, Alyvalco,

Please find the following example for your reference: https://prnt.sc/ktb_Rw7I6QgD

Best Regards,
8Theme’s Team

#379986 Copied

Alyvalco

Participant

January 17, 2024 at 17:55

I created last section at homepage (http://tinyurl.com/ytf2m382)and tried to add, but it is repeating in mobile devices – http://tinyurl.com/ytf2m382

Could you please provide the CSS for this too?

Also, which banner will be visible at Tablet mode? as I want to appear same DT banner for tablet too.

Thanks in advance.

#380282 Copied

Rose Tyler

Support staff

January 18, 2024 at 08:59

Hello, Alyvalco,

Upon reviewing your recent correspondence, we have noticed that the information provided appears to be somewhat ambiguous. Specifically, we observed that the two screenshots you have submitted are identical.

Furthermore, we have conducted an examination of your Home page and can confirm that the ‘mob-hide’ and ‘dt-hide’ classes have been implemented correctly. As evidenced by the following screenshots, one row is effectively concealed in the desktop view (https://prnt.sc/mjCssLzSevsX), while another row remains hidden in the mobile view, which also encompasses tablet devices due to the code’s functionality up to a maximum width of 992 pixels (https://prnt.sc/PEe_Zhhs0LaI).

Please try to set the next settings for the mobile banner row – https://prnt.sc/9rp8QKhniC1T and you will get – https://prnt.sc/dgOdMesf_X00

Should this not align with your intended outcome, we kindly request that you provide a more detailed explanation of the results you are aiming to achieve.

We appreciate your cooperation and look forward to your clarification.

Best Regards,
8Theme’s Team

#380342 Copied
Tagged: customize woocommerce, mobile square banner, responsive banner, woocommerce homepage, woocommerce templates, wordpress homepage, wordpress mobile banner
Viewing 8 results - 1 through 8 (of 8 total)