FROM CACHE - en_header

Venture Theme - Move slideshow arrows to the sides (right and left)

Solved
Mikei94
Explorer
48 3 16

Hello everyone!

 

I would like to change the Venture theme's arrows from the bottom (bottom left, near the title) to the right and left sides.

As well as, most likely, increase their size.

 

Does anyone know how to do this?

Thank you for your time and attention.

Accepted Solution (1)

Accepted Solutions
Kinjaldavra
Shopify Partner
2302 569 1407

This is an accepted solution.

hello @Mikei94 

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: 1124px){
.template-index img.hero__image{
        position: relative;
}
.template-index ul.hero-content-navigation{
    position: absolute;
    top: -177px;
}
.template-index li.hero-content__controls-item--arrow:nth-child(1){
    position: absolute;
    left: 139%;
}
.template-index li.hero-content__controls-item--arrow:nth-child(2){
     position: absolute;
      margin-left: 1100px !important;
}
}

 

 

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
Build your professional store with GemPage Page Builder

View solution in original post

Replies 8 (8)
ZestardTech
Shopify Expert
3594 592 833

Hello There,

Please share your store URL and screenshot.
So that I will check and let you know the exact solution here.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
Kinjaldavra
Shopify Partner
2302 569 1407

hello @Mikei94 

Please share your store URL and please share the screenshot. So that I will check and let you know the exact solution here.

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
Build your professional store with GemPage Page Builder
Mikei94
Explorer
48 3 16

Hi guys!

 

My website is "gamer-tech.com".

I have sent you both (@ & @) the password by PM.

 

Thank you very much for your assistance!

Mikei94
Explorer
48 3 16

And here is a Screenshot:

Screenshot.png

I would like the arrows to be on the sides, instead of where they are.

Also, If it is possible to put them on the sides with a different format instead of a box (and small arrow inside), it would be perfect. But that's too much work right?

Thanks a lot!

Mikei94
Explorer
48 3 16

Hi guys!

 

Any idea as to what can be done here?

 

Best regards,
Miguel

Kinjaldavra
Shopify Partner
2302 569 1407

This is an accepted solution.

hello @Mikei94 

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: 1124px){
.template-index img.hero__image{
        position: relative;
}
.template-index ul.hero-content-navigation{
    position: absolute;
    top: -177px;
}
.template-index li.hero-content__controls-item--arrow:nth-child(1){
    position: absolute;
    left: 139%;
}
.template-index li.hero-content__controls-item--arrow:nth-child(2){
     position: absolute;
      margin-left: 1100px !important;
}
}

 

 

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
Build your professional store with GemPage Page Builder
Mikei94
Explorer
48 3 16

Hello @Kinjaldavra 

 

This has worked in perfection.

 

I thank you very much, you were very kind!

 

Best regards,
Miguel

Mikei94
Explorer
48 3 16

Hello @Kinjaldavra 

 

I have an issue, nonetheless.

 

This works only for Desktop, not mobile.

 

Can you please explain how to edit this on mobile as well?

 

(This still appears on the same place in the theme editor as well)

 

Thanks a lot!