Make the banner the same for every desktop size

Make the banner the same for every desktop size

MT27
Pathfinder
151 6 10

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-1719862778277.jpeg

 

 

Replies 2 (2)

BSSCommerce-TC
Shopify Expert
206 45 45

You can follow these steps:

Step 1:  Go to Online Store -> Theme -> Edit code.

Step 2: Open your base.css file

Step 3: Please paste the following code at the end of the file and save

.header-wrapper .header {
    margin-top: 0px;
}

.header.header--top-center.header--mobile-center.page-width.header--has-menu {
    padding-top: 0px !important;
}

Here are your results

Tablet:

BSSCommerceTC_0-1720112934752.png

 

Desktop:

BSSCommerceTC_1-1720113045763.png

 

If you have any issues or need any further information about this instruction, please do not hesitate to contact us by tagging directly at Community post. Btw, if it worked, it's grateful if you give us a like or solution, This can greatly motivate us to contribute to our community.

 

If our suggestions are useful, please let us know by giving it a like, marking it as a solution.


MIDA: Heatmap, Record & Replay |BLOOP Referral Program, Reward |

Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
MT27
Pathfinder
151 6 10

I would like my logo to be in the middle, like this:

MT27_0-1720159132855.png