Venture theme - Move hero slider arrows.

Shopify Partner
20 0 0

I would like to move the hero arrows to each side like in the picture below and also move the the "explore" action button over to where the arrows started before I moved them.  Anyone able to help me with this code? Also if possible I would like to be able to change the color of the arrow backgrounds independantly of the action button . 

thank you 

New Member
4 0 0


In order to move the arrows in the shopify venture theme, you would need to edit a bit of code.


Click on : Online store > Action (next to the theme you would like to edit) > Edit code > Themes.scss


On line 4471: 

.hero__arrow--next {
border-left: 1px solid adaptive-color($color-hero-subtitle-bg, 5%);


Change to: 

.hero__arrow--next {


Then on line 4419:

.hero__arrow {


display: inline; (edit red highlighted code to green highlighted code: ) display: inline-block;



Hope this helps.