Shopify themes, liquid, logos, and UX
I am on the craft theme and the sections don't go all the way to the end. Does that make sense. It looks good on mobile but on the desktop the sections stop and there is around 1-2 inch margin on both sides. Is there a way to get rid of that so that it is a little larger and fills out the entire screen?
The multi columns section and the featured items sections to be specific
Solved! Go to the solution
This is an accepted solution.
I know what you're saying, but I need to see the store to check what elements in the page's code to write code for. So without the site, I'm pretty much blind.
From experience with other stores, I can suggest this, you can try and see if it works, if not just reverse it.
Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.
<style>
.page-width {
max-width: 1800px !important;
}
</style>
Screenshot is for reference only, the correct code to paste is the one shown above.
Hey @ambientcandle19,
Can you share the link to your store?
Hey,
I'm not even close to done with the store. Honestly, I wouldn't feel comfortable sharing it as it looks right now; All I can say is it seems to be the padding around all the content in the page. Like mine seems to be a good 2 inches where the other bigger websites like have 1/2 an inch if that makes sense. If not when the store looks better I can come back on but id really appreciate any help you could give. So sorry not trying to be cryptic but it looks bad. It isnt just the sections I think its just the whole page. Some thing that coding could fix?
This is an accepted solution.
I know what you're saying, but I need to see the store to check what elements in the page's code to write code for. So without the site, I'm pretty much blind.
From experience with other stores, I can suggest this, you can try and see if it works, if not just reverse it.
Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.
<style>
.page-width {
max-width: 1800px !important;
}
</style>
Screenshot is for reference only, the correct code to paste is the one shown above.
That was perfect! Literally the best. Have the best day
@ThePrimeWeb wrote:I know what you're saying, but I need to see the store to check what elements in the page's code to write code for. So without the site, I'm pretty much blind.
From experience with other stores, I can suggest this, you can try and see if it works, if not just reverse it.
Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.
<style>
.page-width {
max-width: 1800px !important;
}
</style>
Screenshot is for reference only, the correct code to paste is the one shown above.
Hey the code works great but it made the regular pages too wide. The home page beautiful the regular pages I have made are too wide. Is there a bit of code I didn't add? Also just throwing this out there is there a way to make the mobile image different from the desktop for an image with text. I'll attach an image see the grey box is there a way to make my mobile images flush to the sides like that
Also the titles are around 5-6 times larger than the other titles...
Hey,
Like I said, there's no way for me to see if any of this is feasible without visiting the store page. Please try to understand that the equivalent of what you're asking is to modify a car without the car.
Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024In 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, 2024