Aligning page title with Elementor Pro

[Kristin]

Hi,

I don’t know what happened last night, but since I woke up tomorrow there is something weird changed in my generatepress/elementor. It looks like my breadcrumbs and page title are not aligning with the elementor section.

I don’t know what happened and if this is a generatepress setting or a elementor setting. I would say a Generatepress setting, but i’m not sure.

Anyone recognize this?

[David]

Hi there,

can you share a link to a page where i a can see the issue ?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Kristin]

Hi David,

Sure, take a look here. It appears on all pages

[David]

Can you check what Padding you have set in Customizer > Layout > Container ?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Kristin]

I did, and both (left and right) are 0. When I change it the content moves, but the breadcrumbs and page title stay at the same place..

[David]

The Travel Payouts plugin is adding CSS which includes padding to the entry-content class which creates a small problem when using the theme padding options.

Add this CSS to apply the same padding to title and breadcrumb:

@media (max-width: 1280px) {

    .rank-math-breadcrumb,
    .rank-math-breadcrumb+.entry-header {
        padding-left: 3%;
        padding-right: 3%;
    }
}

@media (max-width: 1340px) and (min-width: 1281px) {

    .rank-math-breadcrumb,
    .rank-math-breadcrumb+.entry-header {
        padding-left: 5%;
        padding-right: 5%;
    }
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Kristin]

Thank you so much David! It works 🙂

[David]

You’re welcome

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts