As I can see you're using a lighbox widget from Elementor to create that button - It related with your config. Doesn't related with the theme itself. And it can't be align corect because the lighbox just can align with the browsers, can't be align with the container..
I think you should add your Shop page as an menu item of Topbar Menu.
Okay, thank you for the pointer. I'll adjust it. However, that doesn't quite answer my question. I will revert any CSS code I've implemented to show you what the initial error was. I took a stab at fixing it myself and came up with a bandaid fix but it doesn't over all solve the issue.
If you look on Desktop, you will see: "ABOUTFAVORITES BOOK"
and on mobile you will see: "BOOK FAVORITES ABOUT"
It seems that there's some sort of error with the li:last-child, which is where you will have found myself trying to sort the issue.
What I ideally would like to fix is that the original intended order of the Nav Bar is: About, Favorites, Book. So I would like for this to be possible on both Mobile & Desktop.
I'm having issues with the "Top Bar."
For some reason, the menu items are not spacing properly. I'm having issues trying to fix it.
See photo. Thank you.
Hi,
As I can see you're using a lighbox widget from Elementor to create that button - It related with your config. Doesn't related with the theme itself. And it can't be align corect because the lighbox just can align with the browsers, can't be align with the container..
I think you should add your Shop page as an menu item of Topbar Menu.
Best Regards,
PenciDesign
Hey there!
At this point I've deactivated and deleted Elementor from our site and the Top Bar is still having issues.
Do you mind taking a look?
Thank you
Hi,
I see you're using position fixed for shop button now. And of course you can't align this button inside container by use position fixed.
Best Regards,
PenciDesign
Hey there,
Okay, thank you for the pointer. I'll adjust it. However, that doesn't quite answer my question. I will revert any CSS code I've implemented to show you what the initial error was. I took a stab at fixing it myself and came up with a bandaid fix but it doesn't over all solve the issue.
If you look on Desktop, you will see: "ABOUTFAVORITES BOOK"
and on mobile you will see: "BOOK FAVORITES ABOUT"
It seems that there's some sort of error with the li:last-child, which is where you will have found myself trying to sort the issue.
What I ideally would like to fix is that the original intended order of the Nav Bar is: About, Favorites, Book. So I would like for this to be possible on both Mobile & Desktop.
Do you have any tips?
Thank you!
Hi,
Please add more this code to Customize > Custom CSS to fix it:
ul.penci-topbar-menu > li, div.penci-topbar-menu > ul > li{ float: left; } @media only screen and (max-width: 960px){ ul.penci-topbar-menu > li, div.penci-topbar-menu > ul > li { float: none; } }After that, go to Appearance > Menus > and re-order your topbar menu items like the way you want.
Best Regards,
PenciDesign