Re: Streamline theme - lower variant image buttons

Solved

Streamline theme - lower variant image buttons

RySid
Excursionist
23 0 5

Hi there,

 

I'm currently working on the streamline theme and am looking to lower the variant buttons on the mobile version of my shop. It's slightly merging and covering the image and overall doesn't look very good. If i could somehow make it go lower down, i think it'd fix it. Please see image for reference.

Screen Shot 2022-08-28 at 5.23.24 PM.png

Accepted Solution (1)

PageFly-Richard
Shopify Partner
4546 1039 1698

This is an accepted solution.

Hi @RySid 

I’m Richard Nguyen from PageFly- Free Landing Page Builder

 

You can try with this code.

Follow this:

Go to Online Store->Theme->Edit code->theme.css->paste bellow code in bottom of file

 

.flickity-page-dots {

    bottom: -40px !important;

}

 

If you feel my answer is helpful, like it or mark it as a solution. Let me know if you have any questions.

Best regards,

Richard | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

Replies 3 (3)

PageFly-Richard
Shopify Partner
4546 1039 1698

Hi @RySid 

Can you share with me the page url...

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 


All features are available from Free plan. Live Chat Support is available 24/7.

RySid
Excursionist
23 0 5

Hi, yes thank you for the reply

Please note that it only shows what i'm looking to change on the mobile version 

PageFly-Richard
Shopify Partner
4546 1039 1698

This is an accepted solution.

Hi @RySid 

I’m Richard Nguyen from PageFly- Free Landing Page Builder

 

You can try with this code.

Follow this:

Go to Online Store->Theme->Edit code->theme.css->paste bellow code in bottom of file

 

.flickity-page-dots {

    bottom: -40px !important;

}

 

If you feel my answer is helpful, like it or mark it as a solution. Let me know if you have any questions.

Best regards,

Richard | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 


All features are available from Free plan. Live Chat Support is available 24/7.