Sp-page-title – Responsive Behavior - Nectar Template - Question | JoomShaper
Back to the questions

Sp-page-title – Responsive Behavior - Nectar Template

R

RicoKir

Template 16 hours ago

Hello experts,

I’ve been trying for quite a while but can’t find the CSS needed to adjust it.

On all pages created with SP Page Builder, a responsive behavior is already defined, which works well for me. However, when I open a single article from the blog view (the blog view itself works fine), I get some differences.

With normal-sized viewports everything still looks identical. But the smaller the viewport becomes, the more the responsive layout differs from the other pages.

I have included example links in the hidden content.

Where exactly do I need to adjust the CSS?

0
1 Answers
Order by
Oldest Newest Votes
Toufiq
Toufiq
Accepted Answer
Senior Staff 9 hours ago #219590

Hi there,

Thank you for reaching out, and I apologize for any inconvenience caused by this oversight. Add this css code inside the custom.css file. 

@media screen and (min-width: 320px) and (max-width: 768px) {
.view-article .sp-page-title > .container {
    max-width: 525px !important;
    margin: 0 !important;
    padding: 50px 30px 60px;
    border-top-right-radius: 12px !important;
    background-color: var(--bg-color2) !important;
    z-index: 2 !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0;
    right: 0;
    max-width: 320px !important;
}
}

Best regards,

Toufiqur Rahman (Team Lead, Support)

0