[Resolved] Styling the prime template image (i’ve removed the slider)

[Adrien]

Dear Generatepress Team,

Could you please help me to style the image (screenshot enclosed) to match Prime template as much as possible and especially on mobile. i’ve removed the slider soliloquy.

https://tinyurl.com/y44vzt4m

And especially on mobile I have large gaps on top and bottom VS the demo:
https://tinyurl.com/yy9c5lyv

Thank you very much for your assistance. Best, Adrien

[Tom]

Hi there,

Give this a shot:

.separate-containers .page-header-image {
    margin-top: 0;
}

@media (max-width: 768px) {
    .featured-image + .container .site-main {
        margin-top: 10px;
    }
}

[Adrien]

Dear Tom,

Awesome! It worked perfectly. Thanks a lot. Best, Adrien

[Tom]

You’re welcome 🙂

[Author]

Posts