Increase Size Background Image and/or Move Logo Up on Mobile

Site URL: https://www.leoupikou.com

Hello everybody,

I'm having an issue with the banner of my homepage.

I'm pretty happy with the result on desktop but it looks bad on mobile. I would like to keep the same picture though.

So I'm looking for a way where I could on one hand increase the height of the banner (and maybe slightly move the focus of the image higher) and on the other move the logo higher too.

I've tried several CSS codes but nothing gave me a satisfying result.

Any help would be more than appreciated.

The password of the site is the following: diwvik-wugwi8-kavtIc

Thank you in advance!

On 11/26/2021 at 4:42 AM, Gattinomio said:

Site URL: https://www.leoupikou.com

Hello everybody,

I'm having an issue with the banner of my homepage.

I'm pretty happy with the result on desktop but it looks bad on mobile. I would like to keep the same picture though.

So I'm looking for a way where I could on one hand increase the height of the banner (and maybe slightly move the focus of the image higher) and on the other move the logo higher too.

I've tried several CSS codes but nothing gave me a satisfying result.

Any help would be more than appreciated.

The password of the site is the following: diwvik-wugwi8-kavtIc

Thank you in advance!

You can try adding to Home > Design > Custom Css

@media only screen and (max-width: 767px) {
  section[data-section-id="612e5fd57525fe68f4e29ac6"] {
    height: 70vh;
  }

  #block-yui_3_17_2_1_1631440941209_3080 {
    top: -80px !important;
  }
}

Let me know how it works on your site

Press 👍 or mark this answer as solution to help another one too

Thank you so much! It's exactly what I was looking for.

I played a bit with the values and now it fits perfectly like I wanted.

Thanks again for your help!!!