Shopify themes, liquid, logos, and UX
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
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.
Can anyone help with this please?