How do you remove excess white space in mobile view?

[International_P]

Hi there,

I'm experiencing issues with excess white space in mobile view in both my home and product page. I'm using the basic Dawn theme but using pagefly for my home and product page. Was wondering if anyone could help me figure out how to optimize for mobile view. Here is the link to my website: https://serenitylampss.com/

[Tech_Coding]

Hello @International_P 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
   #shopify-section-sections--18569100558500__header .section-header {
       margin-bottom: 0 !important;
   }
   .__pf.__pf_RgA53O4U .pf-7_ {
       margin: 0 10px !important;
    }
</style>

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

[International_P]

I pasted the code snippet you provided me but it still didnt work

[International_P]

Also just for some clarification, you said pasted the code before the ending body tag "</body>"....are you saying paste it in the body tag itself or in the head tag? I did both but it didnt work

[Made4uo-Ribe]

Hi @International_P 

It's better you contact the app provider, so they can fix it well. 

Your store looks like on the wider screen. 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!