Too much space between my header on home page & product page

[jasa11]

Hello,

I’d like it if there was less space between my cover image and header on the homepage as well as product page.

My website is used primarily for mobile.

Link: jasaoslaj.com

Thank you!

[Rajvi_patel_1]

Hii @jasa11
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file style.scss.
Step 3: Paste the below code at bottom of the file → Save
you can give a fix height for logo

.menu-position--inline.logo-position--left div.logo {
    width: 130px!important;
}

[ecomheroes_dev]

Please send a screenshot for more clarification

[MandasaTech]

Hello @jasa11

I would like to give you a solution to support you:

1. Go to Online Store-> Theme-> Edit code
2. Open your theme.liquid theme file
3. Paste the below code before :

<style>
.logo img {
max-width: 150px !important;
}
</style>

[jasa11]

Sadly didnt fix anything, sharing a sc of exactly what I have in mind

[jasa11]

here it is

[jasa11]

Hello,

this also didn’t make any changes sadly.

[Rajvi_patel_1]

Hii @jasa11
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file style.scss.
Step 3: Paste the below code at bottom of the file → Save

.image-element__wrap {
    margin-top: -70px;
}

[jasa11]

Hello,

This code does help with the header and cover photo but it also changes the margin of every other photo on the page which essentially ruins the whole site.

[Rajvi_patel_1]

@jasa11
Please add below code and check.
It will work.

#banner-1651323791b967607e img.transition--fade-in.mobile-banner--crop-none.lazyautosizes.lazyloaded {
    margin-top: -70px;
}

[jasa11]

Tvym!