Main image below header height on Mobile

  • Resolved jortega101

    (@jortega101)


    5 years, 2 months ago

    Hi, i have no experience in web construction but have manage to make this one the way i like it. My problem is the space on top of the mountain image, in PC it ok but in mobile is too big. I and trying to change it in mobile only and don’t know where or how. I don’t use elementor. If i try to change in wp it changes in both pc and mobile. Any advice on how to correct this extra space on mobile will be appreciated. Thanks.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • danamv

    (@danamv)

    5 years, 2 months ago

    Hello @jortega101,

    I have checked your page on mobile using Chrome, and I don’t see any space on top of the mountain image. https://prnt.sc/10bd6wd
    And this is how I see it on Desktop. https://prnt.sc/10bd7cu

    Can you, please, provide us with a screenshot pointing out the issue?

    Thank you!

    Thread Starter jortega101

    (@jortega101)

    5 years, 2 months ago

    Thanks for the replay. actually you did see it. maybe i didn’t expressed my self correctly. please see screen shot of both. https://prnt.sc/10bdt6k

    danamv

    (@danamv)

    5 years, 2 months ago

    Hello @jortega101,

    This is the expected behavior of the cover image, it will be cropped on smaller screens, and height adjusted. We do not usually provide custom coding, but we will consider it this time.

    Please try adding the following lines of code into Customizer -> Additional CSS. It should modify the height of the cover image only on Mobile. You can modify the ‘min-height’ number to fit your needs.

    @media only screen and (max-width:500px){

.wp-block-cover, .wp-block-cover-image {
  
   min-height: 200px !important;
}

}

    Please let us know if this worked.

    • This reply was modified 5 years, 2 months ago by danamv.
    Thread Starter jortega101

    (@jortega101)

    5 years, 2 months ago

    Wow, sorry for the late replay but i had to find out first how to do that. Well i found out and placed it. Now it look the same as the PC that was what i was looking for.

    This, “We do not usually provide custom coding, but we we will consider it this time” very much appreciated for the time and effort since i had no idea how to do this.

    Again, Thanks.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Main image below header height on Mobile’ is closed to new replies.