Hello,
I’d like to change the width of the main body of my site, so that only the header and footer is full-screen width. like on my current site https://caviartresor.de/
i tried this code .PageContainer{margin: 0 20px;} , but it changed the also the header and footer width.
i would really appreciate for your help.
Thanks,
Houman
Hello @houman ,
you are facing this issue, it would be my pleasure to help you.
Welcome to the Shopify community!
Please Share your store live url with password (if it password protected) & screenshot where you want to do modification, so that I will solve your issue here!
hello @houman
Please provide website url and if your store is password protected then also provide password So I will check and provide a solution here.
Hello Natztech,
Thank you for your support!
website url is : https://caviartresor.myshopify.com/
Password: faomee
Thanks again! Houman
Hello @Kinjaldavra @oscprofessional ,
unfortunately, we have not yet found a solution.
I would be very grateful if you could help us.
website url is : https://caviartresor.myshopify.com/
Password: faomee
Thanks again! Houman
Hello @Kinjaldavra @oscprofessional ,
another question. How can i decrease the size of the slideshow button only for mobile?
website url is : https://caviartresor.myshopify.com/
Password: faomee
Thanks again! Houman
Hi @houman ,
@media only screen and(max-width:749px){
a.ButtonGroup__Item.Button {
padding: 9px 0 10px 3px;
font-size
}
}
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid
Note : If your store is having this media already (for mobile version) then no need to add whole code . Only just add css in that media ie 749px(already exist)