[Resolved] Sticky Nav menu not aligned correctly

[Amir]

Hi there,

Please check the link to the website. The menu items in the sticky menu are positioned next to the logo instead of to the left. I tried using some of the CSS snippets that were provided here in the support forum but they didn’t work.

Please help 🙂
Thanks!

[Leo]

Hi there,

This method should work better for the layout you are trying to achieve:
https://docs.generatepress.com/article/navigation-logo/#navigation-as-header

Let me know if this helps 🙂

[Amir]

Hi,

I do not intend to use the sticky navigation on mobile phones… But I tried it anyway! This time, the logo snapped to the left and refused to align to the right no matter what I did, so this just replaced my problem with a different one…

This is how the Navigation as header looks like:
http://konowood.com/wp-content/uploads/2018/06/sticky.png

This is how the sticky logo looks like with the first problem:
http://konowood.com/wp-content/uploads/2018/06/wrong.png

This is how it should look like:
http://konowood.com/wp-content/uploads/2018/06/correct.png

Note that I tried tweaking the positions in the customizer…

Thanks!

[Leo]

Did you make sure to set the navigation location to below header and alignment to left?

I just checked your site again and don’t see the solution being implemented.

It should work 🙂 If it doesn’t can you leave it in so I can see?

[Amir]

Yes, and Yes 🙂

Please check this link:
http://konowood.com/?customize_changeset_uuid=862db064-0689-4a5a-b9fd-e18639f08ec7

[Leo]

Hmm the code shows it’s currently set to align right and not left.
Any caching plugins?

The navigation logo placement needs to set to Sticky + Static.

[Amir]

Nope… :\

http://konowood.com/wp-content/uploads/2018/06/nav-settings2.png

Am I missing anything?

Edit:

Just to make sure, I will make a backup of the website and deactivate all other plugins.
I will keep you updated.

[Leo]

Wonder if it’s because of RTL language.

If you set it to alignment right does it work?

[Amir]

Edit:
No matter which option I choose it doesn’t align to the left.

[Leo]

So basically the alignment options don’t do anything?

That doesn’t sound right and we haven’t had this problem reported before.

Currently the code is still showing align right.

Are you using some sort of customizer preview feature? What if you apply that on the live link? (the one you linked in the original topic)

Might be worth testing with only GP premium plugin activated to eliminate any plugin conflicts.

[Amir]

My bad, alignment center does work.

Yes, I am using the customizer preview feature, so I will publish the changes with the other plugins deactivated and let you know.

Thanks.

[Amir]

Hi, I disabled the other plugins and published the new layout.
The problem remains… :O

[Leo]

Can you leave other plugins disabled and send me the dashboard access through Account Issue here?
https://generatepress.com/contact/

Be sure to reference the topic URL.

Thanks!

[Amir]

Sure, sent. 🙂

Edit: accidentally sent it to pre-sale ><
Sending again…

Edit2: Sent…

[Leo]

Can you give this CSS a shot:

@media (min-width: 769px) {
    .main-navigation li {
        float: none;
        display: inline-block;
    }
    .site-logo.sticky-logo {
        float: right !important;
    }
}

[Author]

Posts