Homepage Jumbotron Section not adapting different screen sizes

Illdy
1

Hi,
I am working on a client’s site and when he tested it on his computer, the Jumbotron section in the homepage was zoomed out a lot and only one half of the two buttons was showing. I attach 3 images: One (MacOs) is how it should look and the other two are how it looks on other screens. What can I do? Zoom is at 100%.

2

Quick edit: The Jumbotron section is zoomed in**
Normally it would have to look like the image attached

3

hey there

Please check settings for the image, in the same place where you set image, you can choose different settings for the image, my suggestion is to use cover

4

Hi,
It is already in cover. It looks like on some computers the Jumbotron fits the whole screen perfectly, but on others it’s like it is zoomed in and the buttons appear cut. What can I do? I have tried everything…

5

Hello,

I hope you are doing well today.

Please replace the image with a smaller image that has a smaller resolution because the image may be a bit too large and the jumbotron is resizing the image down.

Best Regards,
Support

6

Hi,
I have tried everything. Lower the resolution by 2000px, crop the image, etc. Nothing worked. The title and buttons do not change its position, only the background image. It’s like the space between the title and the menu is too long on some screens…

7

Fixed it by modifying the paddings → custom css:

#header .bottom-header{
	padding-top:150px !important;
	padding-bottom:220px !important;
}

Not the best solution but works… If you guys can find something that works better please tell me.

Thanks.

8

Hi,
Thank you for sharing your solution :slight_smile:
I will close this case now, Feel free to contact us again if you have other questions
Thanks!