why does this class under taking so much empty space in responsive mode?

That’s from the following block of CSS in your theme’s style.css file:

@media (min-width: 180px) and (max-width: 319.9999px) {
.slideshow {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    margin-top: 8.25rem;
    background-size: cover;
} }


I have corrected all the top containers with margin (- 8.25rem )

and I used for (. slideshow) class and other pages image-headers with top margin (8.25rem) at this moment I see it works.

but when I set for container margin-top 0 and for slideshow margin-top 0 the slideshow dissapears under the container . and when I use margin-top (plus) for slideshow or other header-images the container up comes down and the white space appears again on the top.

I have did it expressly to let you see . you can go now to my url and open home page and other pages then you wil see the difference where I used margin ( – + 8.25rem ) for conatiner and header-images and where I set the margin for (0) for container and header-image.

can you tell me why I have to use margin-top minus for the container . why is this white space on the top when I don’t use the minus .

it has in reality to be margin-top= (0) and for slideshow or other header images margin-top = (0 )

if you know the reason exactly can you tell me why . I wil appreciate it.


I see that on media query 1024 – to 1600 I don’t have to use any margin-top. it is zero.

I think this white space can be from the resolution may be from the underscore theme.

thanks any way for your help.

thank you very much


This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer