Hi, Im hoping to get some help to reduce the width of the heading container on the front page of my website so it is square (the brown box over the top of the images).
Also if anyone knows if I can move the buttons in my header to the right that would be great. Thank you!
I am very amateur so please over explain the solution.
the website is healinghomeandbody.com
Hello @Melissa711 
Inside Shopify Admin, you can go to Edit theme code, open file base.css and add this code at the bottom
@media (min-width: 750px) {
#Banner-template--15731328450653__image_banner .banner__box {
max-width: 200px;
}
}
The result
Hope that helps!
Amazing thank you so much, that worked! Is there a way to make the square bigger?
You can adjust the max-width value in the above code, for example to 250px
