Reply To: Aligning mobile navigation to the right

Home Forums Support Aligning mobile navigation to the right Reply To: Aligning mobile navigation to the right

#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;
    }
}