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!
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024