Want to lessen padding in all pages except the landing page in Debut

Store Design
1

moosamallik_0-1715096286893.png
moosamallik_0-1715096286893.png1920Ă—1020 175 KB

I am looking to lessen the padding, tried searching for it to no avail, I want this done to my PRODUCTS, CONTACT and SHIPPING & RETURNS page, but not to my landing page/home page

2

Hey @moosamallik ,

Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid”
Below the tag “” tag paste the following. Screenshot attached for reference.

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1715099104192.jpeg
ThePrimeWeb_0-1715099104192.jpeg1253Ă—933 87.9 KB

3

Hi @moosamallik ,

You can try this code by following these steps:

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

view (21).png
view (21).png1902Ă—899 133 KB

Step 2: Search file theme.liquid

Step 3: Insert the below code at the bottom of the file → Save

{% unless template.name == 'index' %}
    let main_content = document.querySelector(".page-container .main-content");
    let page_container = document.querySelector(".page-container");
    if(main_content && page_container) {
        main_content.style.paddingTop = "0";
        page_container.style.transform = "translateY(-55px)";
    }
{% endunless %}

Final Result:

view (22).png
view (22).png1910Ă—657 103 KB

Hope this will help you!