Re: make the banner on the home page have the same margin-top in every desktop screen

make the banner on the home page have the same margin-top in every desktop screen

MT27
Pathfinder
170 6 16

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

MT27_0-1713265579555.jpeg

 

 

Reply 1 (1)

TerenceKEANE
Shopify Partner
512 86 80

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;
}

}

shopify.base.css.jpg 

 

Terence

★ Looking for Dedicated Premium Coding Support? Join our unique "PREMIUM SUPPORT" service starting at 59 USD for 1 MONTH!
★ Get skilled Shopify developers at BUDGET-FRIENDLY RATES — explore Novajetsoft.com for a rapid quote!
If my support was a lifeline for you, The COFFEE  
would be the anchor keeping me steady!
★ For Quick response --> WhatsApp | Email --> info@novajetsoft.com | Software Engineer - Specializing In Advanced E-Commerce Websites