Shopify themes, liquid, logos, and UX
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.
Solved! Go to the solution
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;
}
}
Hello There,
Please share your store URL and screenshot.
So that I will check and let you know the exact solution here.
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.
And here is a Screenshot:
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!
Hi guys!
Any idea as to what can be done here?
Best regards,
Miguel
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;
}
}
Hello @Kinjaldavra
This has worked in perfection.
I thank you very much, you were very kind!
Best regards,
Miguel
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!
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024