different apparence between website and mobile

I have problem in jumbotron section
when you see the website by laptop is great and good appearance but not like in mobile , the space in jumbotron section was decreased the size of space so you can’t click to menu

how I can increase the space in mobile after menu section in jumbotron , please?
the link of my website
https://ba9mah-team.com

Hello there,

I hope you are doing well today.

This issue could be because there is no image assigned to the jumbotron. Please go to Appearance > Customize > FrontPage Sections > Jumbotron sections and add an image to the jumbotron.

Best Regards,
Support

Unfortunately , nothing happened when I add image , I think the problem in size but I don’t know how :frowning:

Hello there,

I hope you are doing well today.

You can use the following CSS code to move the elements by going to Appearance > Customize > Additional CSS and pasting it there.

@media screen and (max-width: 768px){ #header .top-header { top: -38px; } }

@media screen and (max-width: 768px)
{
body #header .bottom-header {
padding-top: 104px;
}
}

Best Regards,
Support