Shopify themes, liquid, logos, and UX
Hi, i need help in order to make the banner on the home page have the same margin-top in every desktop screen. More specifically I am trying to put my logo inside that circle that fits into the Parthenon. But when I do it for the big screen it destroys the small screen, can you help me keep it the same for every screen size? thank you
Pass: biangu
Url: www.matibrnd.com
Hi,
You could achieve your desired result by slightly resizing the top image using Photoshop. Alternatively, you can try the following code snippets. You can change the values as you like. If you encounter any issues again, feel free to write, I'll help.
Navigate to the 'Edit Code' option in your theme settings, then search for “base.css” in the search bar and below codes.
@media (min-width: 768px){
div#Banner-template--18448488431883__0d36fe3e-71e5-4265-b621-f33e9f51b4b0 {
margin-top: -270px !important;
min-height: 1300px;
max-height: 1300px;
}
}
Terence
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025