We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

Remove Top Margin on mobile webpage for Stilleto Theme

Remove Top Margin on mobile webpage for Stilleto Theme

hammertime
New Member
8 0 0

Looking at www.hammertonbrewery.co.uk and the page 'Brewery'

 

This is one of the 'page's being picked up from the sales channel, we wanted to remove the top margin under the carousel images and above 'THE BREWERY' text, which we did so by adding the below to theme.css

 

}
@media screen and (min-width:768px){
section#shopify-section-template--18486952624292__main div {
padding-top: 0;
}

section#shopify-section-template--18486952624292__main header {
margin-bottom:15px;
}
}

 

This worked, however only for the desktop WEBPAGE and not for the mobile page, margin is still present there, we want the space to be removed.

 

How do we remove this margin in the mobile website?

 

Also we want to remove THE BREWERY title that is taken from the 'page' under sales channel? How can we do this.

 

Thank you in advance.

 

 

Reply 1 (1)

hammertime
New Member
8 0 0

Can anyone help with this please?