Shopify themes, liquid, logos, and UX
Hi!
By default our theme (Wokiee) has two types of page width:
1) Fullwidth,
2) Boxed (1200 px)
We use boxed version.
For some pages 1200 px are too wide, so we would like to shrink the page content to 780 px.
How to achieve that without affecting other pages, Header and the Footer?
On the attached image you can see what we want to achieve.
Solved! Go to the solution
This is an accepted solution.
body.pagepage\.about.loaded .container-indent {
max-width: 780px;
margin: 0 auto;
}
Hi @irkakhodjaev ,
Share your store URL where you want modification.
Hi @irkakhodjaev ,
It is fine at 780px media
@oscprofessional It's not about resizing the window, it's about changing the width of page's content.
Please, take a look at the screenshot I have attached to the question.
I want to change the width of page's content, so on any desktop screen wider than 780px the content wouldn't get wider.
Now the page's content is 1200px wide. I need it to change to 780px.
@oscprofessional As you can see there it affects the Header and the Footer. I need to change the width of the content only without affecting the Header and the Footer.
you want like this?
.pagepage.about .container-indent {
max-width: 780px;
margin: 0 auto;
}
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid
@oscprofessional Is that going to change the width of all pages?
I need to change the width of some pages.
I thought it shoud be something like: if page-handle equals "my-page" then width: 780.
No?
copy again..
it will change only about us page
@oscprofessional It didn't work. Maybe there's another way to identify the page rather than ".pagepage.about"?
This is an accepted solution.
body.pagepage\.about.loaded .container-indent {
max-width: 780px;
margin: 0 auto;
}
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