In my current theme, TASTE, when you define a menu in the theme editor, and set the “desktop logo position” to “middle left”, it puts the menu items just to the right of the logo on the left side of the page, while cart and search etc are all the way to the right of the page.
When you select “top center”, the logo is centered and the menu items are centered BELOW the logo
When you select “top left”, the logo is at the left, and the menu is below it at the left
in all cases, the cart and other header items remain to the right.
I WANT THE MENU TO JUSTIFY RIGHT, NEXT TO THE ICONS.
I’ve tried to edit the base.css, adding in the /* Header menu */ area of base.css
.header--middle-left .header__inline-menu {
margin-left: 0; justify-self: right;
}
because I see that there is a code in the other logo header positions that are offered by the theme editor:
.header--top-center .header__inline-menu {
justify-self: center;
}
BUT, the position of the menu is not changing… so I wonder if it is in a container that is defined by the logo width + menu width, and does not account for the page width…
ALSO it is clear that the relationship for the menu is with the logo, and not the search/cart icons on the right of the page…
WHAT would be a good way to fix this? Associating with the cart/search will break the theme when the logo position is changed… so I don’t think that is an option… I’d like to keep it associated with the logo, to keep the theme in-tact somewhat.
HOW about telling the header that the logo/menu combination has a full width of screen, up to the cart/search icons, and the menu needs to justify right? is that possible?
Other options that will work in base.css (and not in header.liquid)?