Move Shop Now button to the upper right of the slide show

ChannelleCerio
Tourist
9 0 4

Please see my theme's slideshow. Send me how to move the Shop Now button to the upper right corner of the slideshow.

 

My theme is VelaTheme.

Store's URL is https://mayweathercreationsllc.com/

 

Please help ASAP. Someone who can help me, please reply and I'll send you a private message as well

0 Likes
KetanKumar
Shopify Partner
23668 2383 8694

@ChannelleCerio 

sorry for that issue but your store is password protect 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
ChannelleCerio
Tourist
9 0 4

Hi, thanks for answering.

Here's the password: dinka

0 Likes
KetanKumar
Shopify Partner
23668 2383 8694

@ChannelleCerio 

thanks for detail 

can you please confirm this look

KetanKumar_0-1625689844376.png

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
ChannelleCerio
Tourist
9 0 4

@KetanKumar That's right! How can we do that?

Natztech
Shopify Partner
2143 548 1304

hello @ChannelleCerio 


please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

 @media only screen and (min-width: 1426px)  {
  .velassCaptionInner.text-left {
    position: absolute;
    top: 30%;
    right: -15%;
    transform:translate(-50%,-50%)
  }
  }
@media only screen and (min-width: 999px) and (max-width:1424px){
  .velassCaptionInner.text-left {
    position: absolute;
    top: 30%;
    right: -5%;
    transform:translate(-50%,-50%)
  }
  }

 

0 Likes
KetanKumar
Shopify Partner
23668 2383 8694

@ChannelleCerio 

thanks for confirming please add this code

1. Go to Online Store->Theme->Edit code
2. Asset->/vela-site.css ->paste below code at the bottom of the file.
this code apply for after 5 - 6 second

@media (min-width: 769px) {
.velassCaptionContent.text-left.align-middle {
    vertical-align: text-bottom;
    text-align: right;
    position: relative;
    top: 30px;
}
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes