Have your say in Community Polls: What was/is your greatest motivation to start your own business?

Heading on desktop

Heading on desktop

elise1
Tourist
12 0 7

Hello 

I would like my heading go only half of the section for desktop only, how can I do that please

No text over product image 

https://3bd1b6-29.myshopify.com/?_ab=0&_fd=0&_sc=1Screenshot 2024-10-27 at 17.02.22.png

Reply 1 (1)

DaisyVo
Shopify Partner
971 123 139

Hi @elise1 

 

To make the header occupy only half of the section on desktop, please follow these steps:

 

Step 1: Go to Shopify Admin > Online Store > Theme > Customize

Step 2: Add the following code into the CSS customization section of your theme.

 

m-slideshow > .swiper-container > .swiper-wrapper > div:nth-child(2) > .m-slide.m-slide--middle-left > .m-slide__wrapper {
    width: 50% !important;
    margin-left: 0 !important;
}

 

DaisyVo_0-1730025009288.png

 

Here’s what it will look like once the code is successfully added https://prnt.sc/wY5gq8Mgxacr 

 

I hope this helps!

Best regards,
Daisy

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution