Home › Forums › Support › Full Length Menu This topic has 11 replies, 3 voices, and was last updated 3 years, 9 months ago by David. Viewing 12 posts - 1 through 12 (of 12 total) Author Posts June 27, 2020 at 2:55 am #1343418 Chitika I have changed my layout to nosidebars. Primary content is 724px. But menu is also fixed to this layout. Logo and menu are in two different lines. I want the logo and menu in full width or in one line. June 27, 2020 at 6:14 am #1343540 DavidStaff Customer Support Hi there, in Customizer > Layout > Primary Navigation set the Inner Navigation Width to Full June 27, 2020 at 6:41 am #1343553 Chitika Hello David. Thanks . That worked in desktop mode. But I have another problem. The same does not work on mobile. Logo – Menu – Search icon in one line on Mobile and Tablets. June 27, 2020 at 7:10 am #1343579 DavidStaff Customer Support Your logo is too wide for those smaller devices. We recommend enabling the Mobile Header in Customizer > Layout > Header and adding a more mobile friendly sized logo. June 27, 2020 at 7:30 am #1343589 Chitika I have resized the mobile logo to 120×14. But still I don’t see the changes. I published them. June 27, 2020 at 7:38 am #1343593 DavidStaff Customer Support What i meant was use a different logo – one that isn’t as wide as the other – maybe just your icons without the text? Otherwise you will have to significantly reduce its size to make it fit – which you can do with this CSS: .navigation-branding img, .site-logo.mobile-header-logo img { height: 15px; padding: 0; } June 27, 2020 at 7:53 am #1343721 Chitika Your thought is excellent. I just made my favicon as logo for mobile. That fits good. Thanks very much. If not bothering you too much, can I make the Logo (favicon icon) – left Menu label – center Search icon – right. June 27, 2020 at 9:23 am #1343791 LeoStaff Customer Support Try this: .main-navigation.has-branding .menu-toggle { order: 1; margin-left: auto; margin-right: auto; } .site-logo.mobile-header-logo { margin-right: 0; } June 27, 2020 at 7:33 pm #1344109 Chitika Thanks Leo. This code worked. One last question and I will make this resolved. The Mobile Menu Breakpoint is set to default at 768px. In tablet mode, I still see logo and menu on two different lines. How to make it like Mobile, keeping the mobile menu breakpoint as default. June 28, 2020 at 6:05 am #1344356 DavidStaff Customer Support Increase the Mobile Menu Breakpoint in Customizer > Layout > Primary Navigation June 29, 2020 at 7:41 pm #1346392 Chitika Thanks David and Leo. Your support was excellent. June 29, 2020 at 11:43 pm #1346522 DavidStaff Customer Support Glad we could be of help Author Posts Viewing 12 posts - 1 through 12 (of 12 total) You must be logged in to reply to this topic. Log In Username: Password: Keep me signed in Log In