Home › Forums › Support › Aligning mobile navigation to the right › Reply To: Aligning mobile navigation to the right
October 7, 2016 at 9:14 am
#233221
Tom
Lead Developer
Lead Developer
Got some of this sorted in the next version.
For now, add this to the rtl.css file:
.menu-toggle,
.nav-search-enabled .main-navigation .menu-toggle {
text-align: right;
}
.main-navigation .mobile-bar-items {
float: left;
}
.main-navigation li {
text-align: right !important;
}
@media (min-width: 768px) {
.inside-footer-widgets > div {
float: right;
}
}
And this to your custom CSS:
@media (max-width: 768px) {
body:not(.mobile-header-logo) .mobile-header-navigation .mobile-bar-items {
position: absolute;
right: 0;
top: 0;
}
body:not(.mobile-header-logo).rtl .mobile-header-navigation .mobile-bar-items {
left: 0;
right: auto;
}
}