[Resolved] Logo alignment always on the left

[Daniele]

Hi, I have a problem with the logo of my last site, I would like the logo to always be aligned to the left, but this happens only with desktop resolution, with the smaller screen the logo back to the center, how can I do so that the logo always remains attached to the left edge of the screen?

Daniele

[Leo]

Hi there,

Does this help?
https://docs.generatepress.com/article/mobile-header/

If not any chance you can link me to the site in question?

You can edit the original topic and use the private URL field.

Let me know 🙂

[Daniele]

Hi Leo, I can’t find the tool you indicated, I go on Appearance > Customize > Layout > Header but I can’t find the breakpoint function.. however the site I’m working on is annuncimistress.net ..as you can see for graphic reasons I need the logo to always remain aligned on the left, with any screen resolution:)

[Leo]

I’m actually referring to the mobile header option and not the break point option.

Can you make sure the menu plus add-on is activated?
https://docs.generatepress.com/article/installing-gp-premium/#activate-your-modules

[Daniele]

Hi Leo,
From the screen shot this url annuncimistress.net/test/leo.jpg you can see that under “mobile header” the “breakpoint” function is missing .. and you can also see that all the functions are activated, except woocommerce .. why is there not that function? If you want I can send you in private user and password to access, and see what happens..

Thanks, Daniele

[Leo]

The screenshot you are showing is the Layout > Header panel.

The Mobile Menu Breakpoint option is under Layout > Primary Navigation:
https://docs.generatepress.com/article/mobile-navigation/#initiating-the-mobile-navigation-at-a-different-width

[Daniele]

No Leo, the mobile menu breakpoint that I find in primary navigation does not affect the position of the logo, I need the logo to always remain on the left, and to do this it is necessary to reset the breakpoint from the mobile header setup, and this does not seem possible 🙁

[Leo]

I’m not sure why breakpoint would help with anything here.

What if we just add this CSS?

@media (max-width: 768px) {
    .site-header {
        text-align: left;
    }
}

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

Let me know 🙂

[Daniele]

Perfect Leo! Now the mistress lady always remains on the left, that is her place, she is not made to go around 🙂

Thanks!

[Leo]

No problem 🙂

[Author]

Posts