- This topic has 13 replies, 3 voices, and was last updated 4 years, 1 month ago by David.
-
AuthorPosts
-
October 6, 2019 at 4:38 am #1027450Omri
Hi guys,
I try to align the logo to the right and the primary navigation menu to the left, but then the menu is no longer in RTL.
Navigation is set as Header and aligned left.
I also added the following CSS:
`
.rtl .main-navigation li {
float: left;
}Let me know what am I missing.
Thanks!
October 6, 2019 at 9:57 am #1027713TomLead DeveloperLead DeveloperHi there,
I’m unable to get your site to load – can you check to make sure it’s all good?
October 6, 2019 at 9:34 pm #1028000OmriTom,
I edited the link and made sure it’s loading from a few different devices.
Could you check again, please?
October 7, 2019 at 10:10 am #1028592TomLead DeveloperLead DeveloperPerfect.
So, remove that CSS you mentioned above (float: left), and then add this:
.nav-aligned-left.rtl .main-navigation.has-branding:not(.slideout-navigation) .inside-navigation .main-nav { flex-grow: 0; margin-right: auto; }
October 7, 2019 at 6:25 pm #1028890OmriWorks great! Thanks!
October 8, 2019 at 9:41 am #1029505TomLead DeveloperLead DeveloperYou’re welcome 🙂
March 6, 2020 at 1:17 am #1186706OmriHi Tom,
I made some changes and now my site title floats left on mobile
I wish for the site title to float right and the menu toggle to float left.
(on desktop it looks great)
What should I do?
March 6, 2020 at 9:15 am #1187228TomLead DeveloperLead DeveloperGive this a shot:
@media (max-width: 768px) { .rtl.nav-aligned-left .navigation-branding { margin-right: 0; margin-left: auto; } }
March 8, 2020 at 1:55 am #1188404OmriIt’s working. But on mobile, the logo is not showing near the title.
I would like the logo to appear on both mobile and desktop.
Should I adjust something?
March 8, 2020 at 9:16 am #1188757TomLead DeveloperLead DeveloperTypically there isn’t enough space to show both on mobile, but you can insert the logo like this:
add_action( 'generate_inside_mobile_header_branding', function() { if ( ! function_exists( 'generate_menu_plus_get_defaults' ) ) { return; } $settings = wp_parse_args( get_option( 'generate_menu_plus_settings', array() ), generate_menu_plus_get_defaults() ); printf( '<div class="site-logo mobile-header-logo"> <a href="%1$s" title="%2$s" rel="home"> <img src="%3$s" alt="%4$s" /> </a> </div>', esc_url( apply_filters( 'generate_logo_href' , home_url( '/' ) ) ), esc_attr( apply_filters( 'generate_logo_title', get_bloginfo( 'name', 'display' ) ) ), esc_url( apply_filters( 'generate_mobile_header_logo', $settings['mobile_header_logo'] ) ), esc_attr( apply_filters( 'generate_logo_title', get_bloginfo( 'name', 'display' ) ) ) ); } );
March 9, 2020 at 4:36 pm #1190209OmriHi Tom, it worked!
Only the logo is to the left of the site-title.
I wish for the logo to be right to the title.
Is it possible?
March 10, 2020 at 8:44 am #1191051DavidStaffCustomer SupportHi there,
try adding this CSS:
.site-logo.mobile-header-logo { order: -1; }
March 12, 2020 at 12:59 am #1192554OmriIt works! Thank you, guys!
March 12, 2020 at 2:17 am #1192618DavidStaffCustomer SupportYou’re welcome
-
AuthorPosts
- You must be logged in to reply to this topic.