Hi, guys
How I cann add two arrow to section on this page between 3 steps of creation custom orders?
Hi @Daniil_P13
If this arrow is not clickable you can check this one.
From you Admin page, go to Online Store > Themes
Select the theme you want to edit
Under the Asset folder, open the main.css(base.css, style.css or theme.css)
Then place the code below at the very bottom of the file.
@media only screen and (min-width: 999px){
.section-stack .multi-column__item {
position: relative;
}
.section-stack .multi-column__item:not(:nth-child(3)):after {
content: '\2192';
position: absolute;
right: -50px;
top: 50%;
transform: translateY(-50%);
z-index: 10 !important;
color: black;
font-size: 50px;
font-weight: 900;
}
}
And Save.
result:
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!
Check this one, SInce this is only a inset to the code. So it wont be responsive.
Replace on this one.
Same Instruction.
@media only screen and (min-width: 999px){
.section-stack .multi-column__item {
position: relative;
}
.section-stack .multi-column__item:not(:nth-child(3)):after {
content: '\2192';
position: absolute;
right: 5%;
top: 50%;
transform: translateY(-50%);
z-index: 10 !important;
color: black;
font-size: 50px;
font-weight: 900;
}
}
@media only screen and (max-width: 1599px){
.section-stack .multi-column__item:not(:nth-child(3)):after {
right: -10%;
}
}
And save.
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!
hii can you please help me
i want to move search icon to opposite side as shown in image , please help me with code
My website link : https://mansaroverfurnishings.com/
Hi @manan123
You might want to consider creating a separate post for this matter, so the main author isn’t overwhelmed with additional concerns.But since you’ve already mention it here. Check this one.
From you Admin page, go to Online Store > Themes
Select the theme you want to edit
Under the Asset folder, open the main.css(base.css, style.css or theme.css)
Then place the code below at the very bottom of the file.
@media only screen and (min-width: 990px){
details-modal.header__search {
position: absolute;
left: 5rem;
}
}
And Save.
Result:
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!
