Shopify themes, liquid, logos, and UX
I have some empty spaces on my product page and would like to fix them. Please see my page and the one i'm trying to get it to look like.
Hey @ouani
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag
<style>
.product-page .bullet-product-content p {
margin: 0 !important;
}
</style>
RESULT:
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Hello, this didnt work.
Hi @ouani
Do you mean like this?
If it is check this one.
x-cell#Slide-template--18202571473145__main-35343534719225 {
outline: none;
height: 100%;
}
@media only screen and (min-width: 1400px) {
x-flex#Slider-Gallery-template--18202571473145__main {
height: 100vh;
}
}
@media only screen and (max-width: 1399px) and (min-width: 749px) {
x-flex#Slider-Gallery-template--18202571473145__main {
height: 70vh;
}
}
.text.rte p:nth-child(1),
.text.rte p:nth-child(3),
.text.rte p:nth-child(9) {
display: none;
}
Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
Thank you for this response, it only fixed the top, not the bottom.
Yes, I've already assume on that I aldready change into desktop> tablet> mobile. To make it more perfect you need to hire a developer to change every screen into perfect fit. Thanks!
We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024We want to take a moment to celebrate the incredible ways you all engage with the Shopi...
By JasonH Oct 15, 2024