I am trying to add a custom HTML to my homepage of Brooklyn theme. I need to have a full width section with a background image and 4 columns inside it. I managed to add the responsive columns, however, the outside div is not becoming full width. I have tried many css codes suggested in different forums. Can someone let me know how to do it? My shop is https://flawedbyshaleen.myshopify.com/. The process section in grey is what I want to customize.
Also, can someone let me know how to reduce the spacing between various sections?
Solved! Go to the solution
Thanks. Adding "margin-left:0px" expanded the grey section a bit more to cover all the boxes. However, it is still not full width of the page as you can see in the screenshot below.
You need an expert to login and fix this for you. Unfortunately, you will have to pay them (or me) to do this for you. It is one thing to look at the site on the front end, but managing the code in the backend is the best way to achieve this.