Reduce Width on Website - Add Margins | "ICON" Theme

Solved
Tourist
11 0 1

Hello,

 

I am trying to reduce the width of my shopify website on all pages so the margins are larger. I currently have a password on my site as this is a new website and I am still in the stages of editing before I can launch so I attached a photo.  Thank you!

 

Untitled.png

0 Likes
Navigator
357 39 40

if you can provide the website link and password to it, then I will let you know the css to edit margins

you are welcome to contact / donate small amount to me.
My email - suyash.patankar@gmail.com

paypal.me/suyashpatankar
0 Likes
Tourist
11 0 1

Thank you!

 

https://shopatwildflower.com/

password is tahklu

0 Likes

Success.

Navigator
357 39 40
add this css to the end of your queries.css file

.page-wrap {margin:50px;} adjust number as per need, you will find file in

online store->themes->action->edit html/css
you are welcome to contact / donate small amount to me.
My email - suyash.patankar@gmail.com

paypal.me/suyashpatankar
1 Like
Tourist
11 0 1

That worked! Thank you so much!

 

If I could trouble you for one more thing. Is there a way to make my top main menu have the same margin size?

0 Likes

Success.

Navigator
357 39 40
your top menu is fixed to scroll down with the content, and it will bring
down the menu items, spacing can be added, add this css at end of file and
check, do not delete any previous code, change as per your need

*.coverheader{padding-left: 50px; padding-right: 50px;}*

you are welcome to contact / donate small amount to me.
My email - suyash.patankar@gmail.com

paypal.me/suyashpatankar
0 Likes
Tourist
11 0 1

You're amazing! Thank you so much!

0 Likes
Navigator
357 39 40
Welcome, if you find me code helpful, you are welcome to donate any *amount
of your choice.* That works as an encouragement to be honest.
you are welcome to contact / donate small amount to me.
My email - suyash.patankar@gmail.com

paypal.me/suyashpatankar
1 Like