[Resolved] Page Header: Float text right

[Antonio]

Hi 🙂

On this website https://mv-brakes.ch/ I would like to float right the content of the header as it is.

Is this possible?

Thanks in advance 🙂

[Leo]

Hi there,

Not sure what you mean? It’s already floating to the right?

Maybe take a look at these two articles:
https://docs.generatepress.com/article/adding-icons-to-menu-items/#floating-the-icon-to-the-right
https://docs.generatepress.com/article/header-layout/

Let me know 🙂

[Antonio]

Hi, Thanks for you replay 🙂

What I need is to align my content (in my case the headlines in the Page Header) with the navigation on top (at the very right, in line with “Kontakt”).

[Leo]

Can you try:
– Setting the inner container to contained: https://docs.generatepress.com/article/page-header-content/#inner-container
– Turning off Vertical center content: https://docs.generatepress.com/article/page-header-content/#vertical-center-content
– Then add this CSS:

.inside-page-header {
    text-align: right;
    padding-top: 300px;
}

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

Let me know if this works.

[Antonio]

Hi Leo,

Thanks for your replay. I tried as you said but now the content is also aligned top and covers the navigation.

Really strange… :/

[Leo]

We are close. Can you try the adjusted code above? https://generatepress.com/forums/topic/page-header-float-text-right/#post-388152

[Antonio]

Thanks Leo, this did the trick 🙂

[Leo]

No problem!

[Author]

Posts