You can do this with a small piece of CSS code:
body .menu-main li { float: right }
However, since you’re using Intuition Pro, a commercial theme, it may even include an option for this. I would therefore recommend that you contact their support team with your question: https://catchthemes.com/themes/intuitive-pro/ – questions about commercial themes cannot be answered here in the forum.
thanks. Intuition Pro is no longer supported unfortunately
its good that the menu aligns right with your code, but it reverses the menu order; i.e. it should still read from left to right…HOME | ABOUT | NEWS
and not DONATE | SHOP etc
Oh, right, sorry, I hadn’t noticed that at all. Here’s a better solution:
@media (max-width: 1280px) {
body .menu-main {
float: none;
text-align: right;
padding-right: 0;
}
body .menu-main li {
display: inline-block;
float: none;
}
}
This takes effect when the viewport width is less than 1280 pixels, which is apparently a breakpoint for this theme. For any viewport wider than that, everything stays the same.
great thanks, that worked a treat
