Archived topic

H1 title Inner page header

3 replies · Started by Mark on November 16, 2018

Viewing posts 1–4 of 4

November 16, 2018 at 12:28 am #728669

Hi guys,
I have a little problem with the inner header H1 title on mobile view. On the following pages:

The h1 title isn't adjusting on mobile view. It'strange because of the page:

Is working totally fine on mobile view and I use the same settings.

Could somebody help me out?

On elements I have set the display rules to all pages to show the inner page header.

Regards,

Mark

November 16, 2018 at 2:11 am #728731

Hi there,

Hmm all three pages are working the same to me.

The size is of those <h1> title are set with this CSS in Additional CSS in the customizer:

.inner-pages-header h1 {
    font-size: 60px;
    font-weight: 600;
}

You can set change it for mobile by adding this:

@media (max-width: 768px) {
    body .inner-pages-header h1 {
        font-size: 40px;
    }
}

Let me know if this helps :)

November 16, 2018 at 3:29 am #728788

Hi Leo thanks for your quick response!

I applied the custom css in Elementor aswell in Simple CSS editor, but both dont change the size of the font :(

Regards,

Mark

November 16, 2018 at 5:02 am #728838

Edited the second block of CSS above.

It should work now.

Let me know :)

This archived topic is closed to new replies.