[Resolved] Niche theme icons not right aligned on mobile view

[Adrien]

Dear Team,

I have a small issue on mobile with Niche Theme. The nav menu icons are messed up VS the original Niche demo.
Even the order is wrong: comes first the cart icon then the search icon but it should be the opposite.

Here is the screenshot: https://tinyurl.com/y3s9qzaa

Thank you very much for your help.

[David]

Hi there,

can you disable your Cache plugin so i can take a look at whats causing that.

[Adrien]

Hello David! Thank you for your support. I have disable the caching. Sorry I always forget 😉

[Leo]

I’m still seeing LiteSpeed cache enabled in the source code.

Can you please confirm that it’s disabled?

[Adrien]

Yes it is Leo. I apologize it was on again.

[Leo]

Try adding this CSS:

.main-navigation .menu-bar-items {
    margin-left: auto;
    flex-direction: row-reverse;
}

[Adrien]

Super Leo it worked 🙂

Do you have any idea why I don’t have this issue with the same config on the same server and same theme on another test niche store?

[Leo]

I see that you are using the Alpha version for the free theme.

Did switch it to Flexbox?

[Adrien]

Yes Leo, I m on Alpha 4 with Flexbox enabled.

[Leo]

I believe that’s the issue but will check.

Sometimes some minor CSS is required when switching from float to flex:
https://docs.generatepress.com/article/switching-from-floats-to-flexbox/

[Adrien]

I understand Leo and thank you so much for your amazing help always.
GP is my favorite framework/theme ever!!!!

[Leo]

The spacing issue was a bug in 1.12 Alpha 1 and will be fixed in the next version (not released yet).

Once you’ve updated that, you can remove this part of the CSS:
margin-left: auto;

Thanks for testing and reporting!

We really appreciate it 🙂

[Adrien]

Thank you so much Leo!!! I’ve just renewed my license Eyes blind. Btw sorry but GP is way to cheap for what it is. People will probably hate me saying this but it’s true.

[Leo]

No problem 🙂

Thanks for supporting GP!

[Author]

Posts