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

Solved
Mikei94
Excursionist
39 3 13

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.

0 Likes
Pallavi
Shopify Expert
2170 353 462

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
0 Likes
Natztech
Shopify Partner
1289 355 891

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
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
Mikei94
Excursionist
39 3 13

Hi guys!

 

My website is "gamer-tech.com".

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

 

Thank you very much for your assistance!

0 Likes
Mikei94
Excursionist
39 3 13

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!

0 Likes
Mikei94
Excursionist
39 3 13

Hi guys!

 

Any idea as to what can be done here?

 

Best regards,
Miguel

0 Likes
Natztech
Shopify Partner
1289 355 891

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
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
Mikei94
Excursionist
39 3 13

Hello @Natztech 

 

This has worked in perfection.

 

I thank you very much, you were very kind!

 

Best regards,
Miguel

0 Likes
Mikei94
Excursionist
39 3 13

Hello @Natztech 

 

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!

0 Likes