How to remove white space on pages with latest craft theme?

Store Design
1

How do I remove white space on my pages with latest craft theme? My store id is https://hub4all.myshopify.com/pages/track-your-order

hub4all_1-1681418425337.png
hub4all_1-1681418425337.png2068×825 37.2 KB

hub4all_2-1681418440321.png
hub4all_2-1681418440321.png1610×686 37.1 KB

hub4all_3-1681418505908.png
hub4all_3-1681418505908.png2552×734 130 KB

hub4all_4-1681418530254.png
hub4all_4-1681418530254.png2546×747 124 KB

1 Like
2

HI @hub4all

Could you share with me the password page so i can check it.

3

Hello @hub4all

Your store is password protected, please share the password so I can review it and provide a solution.

4

I have removed the password.

5

Hello @hub4all

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

.page-width.page-width--narrow.section-template--18694377799989__a2ff4d3e-47f8-447f-b115-e659aec68b37-padding {
    padding-top: 75px !important;
}
6

This does not seem to help. I still see lot of space on all pages on main menu

7

@hub4all Just replace below code with the existing code.
in base.css file line number : 3151
You can find the class using this name also : .page-width.page-width–narrow.section-template–18694377799989__a2ff4d3e-47f8-447f-b115-e659aec68b37-padding

.page-width.page-width--narrow.section-template--18694377799989__a2ff4d3e-47f8-447f-b115-e659aec68b37-padding {
    padding-top: 0px!important;
    text-align: center;
}

Ujjaval_0-1681478692783.png
Ujjaval_0-1681478692783.png1585×777 64.7 KB

8

Hello @hub4all

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

.page-width.page-width--narrow.section-template--18694377799989__a2ff4d3e-47f8-447f-b115-e659aec68b37-padding {
    padding-top: 0px !important;
}
9

Thanks but this also does not seem to help . I cant seem to find that class in bass.css file

hub4all_0-1681479684921.png
hub4all_0-1681479684921.png1137×1220 51.4 KB

10

@hub4all find class by using short cut key ctrl +f
class name :

.page-width.page-width--narrow.section-template--18694377799989__a2ff4d3e-47f8-447f-b115-e659aec68b37-padding
11

@Ujjaval @oscprofessional is not there. I tried that way only. I copy/pasted the whole notepad and tried finding the class but its not there. Attaching the file here for your reference.

hub4all_0-1681480842664.png
hub4all_0-1681480842664.png1564×1156 53.8 KB

12

Hello @hub4all

Your store is password protected, please share the password so I can review it and provide a solution.