- This topic has 11 replies, 3 voices, and was last updated 6 months ago by
Tom.
-
AuthorPosts
-
July 5, 2020 at 8:47 am #1352818
Omar
Hello there, I followed the instructions at this topic
It is working fine except for the alignment and size of the logo. as it is stuck to the right of the off-canvas menu. add to the all the menu items in RTL is aligned to the left.
try to change the text-align at the following code, it is fixed in Arabic (RTL) but it is also applied to English at the same time.
/* Off-canvas menu styles */ .slideout-navigation.main-navigation .main-nav ul li a, .slideout-navigation button.slideout-exit { text-align: right; }
July 5, 2020 at 11:07 am #1352923Leo
StaffCustomer SupportHi there,
Can you disable the caching plugin and Autopimize so I can take a closer look at the code?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/July 5, 2020 at 12:24 pm #1352999Omar
Hi Leo,
I disable all the cache plugin.July 5, 2020 at 3:46 pm #1353131Leo
StaffCustomer SupportTry this:
.inside-navigation .custom-logo-link { margin-left: auto; margin-right: auto; }
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/July 5, 2020 at 4:22 pm #1353163Omar
Thank you Leo, great it is working fine!
But the menu are not aligned well duo to this code:
/* Off-canvas menu styles */ .slideout-navigation.main-navigation .main-nav ul li a, .slideout-navigation button.slideout-exit { text-align: right; }
if a kept it “right” the RTL working fine and all the menu is set to right, but the LTR menu is also setting to the right and vice versa.
July 6, 2020 at 8:19 am #1354104Leo
StaffCustomer SupportSorry so what happens if you remove that code?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/July 6, 2020 at 11:18 am #1354294Omar
Hi
The first image showing the mobile menu in the English language:
it is not aligned well as it must be on the left side.Here, Arabic menu:
The items here looking well as it is aligned to the right except that the menu itself is on the left.Icons Alignment:
Icons are not arranged wellJuly 6, 2020 at 3:35 pm #1354503Tom
Lead DeveloperLead DeveloperHi there,
Try this, instead:
/* Off-canvas menu styles */ .rtl .slideout-navigation.main-navigation .main-nav ul li a, .rtl .slideout-navigation button.slideout-exit { text-align: right; }
As for the menu bar, try this:
.rtl .mobile-bar-items { position: relative; } .rtl .main-navigation:not(.slideout-navigation) .mobile-bar-items+.menu-toggle { text-align: right; }
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentJuly 6, 2020 at 6:09 pm #1354592Omar
Hi Tom,
Amaizin, it is fixed! except for the slideout of the Off-Canvas menu. In both cases, it is stick on the left side.
July 7, 2020 at 8:57 am #1355493Tom
Lead DeveloperLead DeveloperFor that, you can do this:
add_filter( 'option_generate_menu_plus_settings', function( $settings ) { if ( is_rtl() ) { $settings['slideout_menu_side'] = 'right'; } return $settings; } );
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentJuly 18, 2020 at 3:32 pm #1368132Omar
Thank you Tom, it has been solved.
July 19, 2020 at 9:40 am #1368828Tom
Lead DeveloperLead DeveloperYou’re welcome 🙂
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.