I have a header with a logo, menu items and a search bar. I have aligned the menu on the right (close to the search bar), but in the ‘single-post’ page, the menu items appear on the left, starting right after the logo.
The header HTML is the same for each page (I’m getting it using the get_header() function) and the CSS is a single shared file between all components.
I am really dumbfounded here… I’ve developed the theme myself so maybe I did something to cause this, but I don’t really know how it’s possible for a completely identical component to appear differently on different pages.
EDIT: I am using the boostrap navbar with the ml-auto class for aligning on the right.
Answers:
Thank you for visiting the Q&A section on Magenaut. Please note that all the answers may not help you solve the issue immediately. So please treat them as advisements. If you found the post helpful (or not), leave a comment & I’ll get back to you as soon as possible.
Method 1
I added custom css to a plugin that apparently affected the navbar too.
All methods was sourced from stackoverflow.com or stackexchange.com, is licensed under cc by-sa 2.5, cc by-sa 3.0 and cc by-sa 4.0