Shopify themes, liquid, logos, and UX
Hi! I know little to nothing about code and I need help fixing my article page. I will post what code I am using for my article page and a link to our website and you'll get why I need to add margins/padding.
If you could let me know where and what I need to add to make this look better that would be very appreciated!
sections/article-template.liquid
Solved! Go to the solution
This is an accepted solution.
Hi @sohzasister
If the shared link is your article page need to add. Try this one.
div#shopify-section-template--16797777395843__main {
max-width: 90%;
margin: auto;
padding: 0 5rem;
}
Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!
This is an accepted solution.
Hi @sohzasister
If the shared link is your article page need to add. Try this one.
div#shopify-section-template--16797777395843__main {
max-width: 90%;
margin: auto;
padding: 0 5rem;
}
Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!
Thank you ! Is there a way to add it to the top of the page as well?
Do you mean top of the image?
Please, replace the code with this one.
@media only screen and (min-width:750px){
div#shopify-section-template--16797777395843__main {
max-width: 90%;
margin: auto;
padding: 2rem 5rem 0 5rem;
}
}
@media only screen and (max-width:749px){
div#shopify-section-template--16797777395843__main {
max-width: 95%;
margin: auto;
padding: 1rem 2rem 0 2rem;
}
}
And Save.
This also to fix the mobile not to much space on the side.
Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!
In today’s interview, we sat down with @BSS-TekLabs to discuss practical strategies for...
By JasonH Nov 13, 2024The year-end shopping spree is around the corner! Is your online store ready for the ...
By JasonH Nov 10, 2024We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024