- This topic has 6 replies, 2 voices, and was last updated 4 years, 4 months ago by
Tom.
-
AuthorPosts
-
October 6, 2016 at 6:56 pm #233039
Sim
Hi Tom
Really love GeneratePress, thank you for this great theme π
I’m using it in an RTL site and would like to know how to make the menu items be aligned to the right (now they’re aligned to the left)
I would really appreciate if you could add it to the rtl.style file so it will be a default
I would also like to ask you to add this to rtl.style file:
.grid-33 {float: right;}
In RTL website the first widget should be on the right
Thanks a lot!October 6, 2016 at 10:56 pm #233062Tom
Lead DeveloperLead DeveloperHi there,
You can align the menu items inside “Customize > Layout > Primary Navigation” either using the Navigation alignment setting or the Navigation position setting.
Which first widget do you mean?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentOctober 7, 2016 at 2:46 am #233117Sim
The Navigation Alignment set to the right and it’s ok on desktop, it aligned to the left only in tablet/ mobile and I can’t figure out how to fix it
October 7, 2016 at 6:51 am #233173Sim
I meant the footer widget
Footer widget 1 should be on the right side of the page, and footer widget 3 should be on the left side
Because RTL website you read from right to leftOctober 7, 2016 at 9:14 am #233221Tom
Lead DeveloperLead DeveloperGot 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; } }
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentOctober 9, 2016 at 4:18 pm #233900Sim
I added the codes but I don’t see any difference
I’ll send you print screens to support@generatepress.com, maybe you’ll understand more what I meant
Thanks!October 9, 2016 at 9:02 pm #233940Tom
Lead DeveloperLead DeveloperIf you could send a link to your site it would help a lot .
Thanks! π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development -
AuthorPosts
- You must be logged in to reply to this topic.