Plugin Contributor
Ewout
(@pomegranate)
Whoops! Double post – see Jeremiah’s answer!
Hey!
Somehow we dropped the css on a recent update. Add the following to your theme’s custom css:
.wcmenucart-display-right {
float: right !important;
}
We’ll push an update soon, but that should do it for now.
Plugin Contributor
Ewout
(@pomegranate)
Hey Golfer, can you confirm this fixes the issue for you?
Yes the CSS did fix the issue on my codingmadesimple.com site.
However, my test site amanofreason.com/codingmadesimplenet is still having issues after I implemented the CSS but I think it has something to do with my theme code and not the CSS you gave me.
Plugin Contributor
Ewout
(@pomegranate)
Ok, good to hear it worked for you. I checked out the other site and I’m not sure what exactly is causing the issue, but you can do either give #header-nav a width (say 70%) or disable the float: left on #header-nav (you’d need to solve that in another way).
Hope that helps!
p.s. the !important tag wasn’t yet visible on that website, so possibly you have not actually updated it.
Plugin Contributor
Ewout
(@pomegranate)
Hey Golfer, I’m closing this issue. The above suggestion should do the trick for you.
I also found out what the root cause of this issue is, namely that a css box that is floated doesn’t automatically get stretched to the full width (this makes sense if you think of it). Now because the container for your menu (#header-nav) is floated left, it is not stretched and there’s nowhere to float right to within that container.
This is why giving it a width or disabling float is the right solution.
Let us know if you have any other issues though!