Align slideshow content on impulse theme for mobile sizes.

DFU98
Excursionist
22 0 5

Hi, I'm having issues positioning the slideshow content on the banner on impulse theme for mobile version.

 

I want the slideshow to look like this on Desktop (this one is showing ok).

DFU98_0-1703712168327.png

But for mobile version I want the slideshow to look like this and have the text aligned.

 

DFU98_1-1703712234997.jpeg

but I'm having issues with that part, I need the content to be on top and centered on the slideshow on mobile version.

This is the CSS I have right now

.btn {
  color: #183170 !important;
  padding: 1rem;
  padding-left: 3rem;
  padding-right: 3rem;
  font-size: 25px;
}
@media only screen and (max-width: 1200px) {
  .animation-contents {
    text-align: center;
    display: block;
  }
  .btn {
    display: block;
    color: #183170 !important;
    padding: 0.5rem;
    padding-left: 0.1rem;
    padding-right: 0.1em;
    font-size: 15px;
  }
  h2 {
    margin: 0 auto;
  }
}

Help would be appreciated.

 

 

 

 

Replies 6 (6)

ShishirHelps
Shopify Partner
70 3 4

Hi @DFU98 

I understand what you want to do. Can you please provide your store URL, so that I can provide you a solution that can work for your store?

 

Yoo

Shishir Hasan | Shopify Developer

- I'm Shishir Hasan a Shopify Store Developer | CRO specialist.
- Need a Shopify developer?

Chat on WhatsApp || Work with Upwork


- If this solves the problem, please don't forget to Mark it as Solution!
DFU98
Excursionist
22 0 5

The link of the store is vitamiracle.com

Really appreciate your help @ShishirHelps.

ShishirHelps
Shopify Partner
70 3 4

Hi @DFU98 

Do you want it like this?

ShishirHelps_0-1703716406791.png

Give me a message and add me as a staff on your dashboard. I will make it for free.

Yoo

Shishir Hasan | Shopify Developer

- I'm Shishir Hasan a Shopify Store Developer | CRO specialist.
- Need a Shopify developer?

Chat on WhatsApp || Work with Upwork


- If this solves the problem, please don't forget to Mark it as Solution!
DFU98
Excursionist
22 0 5

Yeah, Also forgot to place in the question is there a way to do a Breakpoint in the text?

 

DFU98_2-1703716862602.jpeg

I would like the text to look like that. As you can see there is a BR that I would like to have if possible in both, Desktop and mobile. Is there a way to do that too @ShishirHelps?

 

ShishirHelps
Shopify Partner
70 3 4

Hi @DFU98 

Yes, you can add a break point on your content dashboard. 

- I'm Shishir Hasan a Shopify Store Developer | CRO specialist.
- Need a Shopify developer?

Chat on WhatsApp || Work with Upwork


- If this solves the problem, please don't forget to Mark it as Solution!
DFU98
Excursionist
22 0 5

Already sent a DM @ShishirHelps