section too high in mobile

Can anyone help me find where to adjust the height of the "works" page list, especially on mobile? Right now it's too high and overlapping the header section. I'm using the Hawley template.

This is usually  a line height or padding adjustment that is off a bit. You should be able to tweak it in site styles to fix it. Moving it down for pc will also move it on mobile view at the same time. 

Ok so I can fix it by increasing the line height in mobile but then it moves it too far down in desktop view. I'm also using a 7.1 template so there's no "site styles" section, just design options. Thanks

Don't give up  yet, someone may have the code for mobile view. 

23 hours ago, M_H3 said:

Ok so I can fix it by increasing the line height in mobile but then it moves it too far down in desktop view. I'm also using a 7.1 template so there's no "site styles" section, just design options. Thanks

Can you share link to your site? I can take a look

it's michelehernandezdesign.com

14 hours ago, M_H3 said:

it's michelehernandezdesign.com

Add to Home > Design > Custom CSS

@media screen and (max-width:767px) {
[data-section-id="5e8c37d84ee86c6ae1e60428"] {
    padding-top: 50px;
}
}

thanks Tuanphan!

Hi @tuanphan! I have the same issue on Hawley mobile template and tried out your CSS code on Home > Design > Custom CSS (Safari) and nothing changed. Am I applying it wrong? See attached. Thank you for your help! 

2 hours ago, cathyland said:

Hi @tuanphan! I have the same issue on Hawley mobile template and tried out your CSS code on Home > Design > Custom CSS (Safari) and nothing changed. Am I applying it wrong? See attached. Thank you for your help! 

Each section has different data-secion-id

use this tool to find ID. https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff