Home › Forums › Support › Mobile menu This topic has 29 replies, 4 voices, and was last updated 5 years, 1 month ago by David. Viewing 15 posts - 16 through 30 (of 30 total) ← 1 2 Author Posts March 15, 2019 at 4:43 pm #840246 TomLead Developer Lead Developer Can you re-add the code so I can see? March 15, 2019 at 4:46 pm #840249 Pedro Hello Tom! I added the code again March 15, 2019 at 5:34 pm #840268 TomLead Developer Lead Developer To remove the 0, add this CSS: .number-of-items.no-items { display: none; } Do you just want the search and cart to switch places? March 15, 2019 at 5:36 pm #840271 Pedro Hello Tom! Yes, what I want is for icons to be displayed as default: Search / Cart Thank you! March 16, 2019 at 6:54 am #840701 DavidStaff Customer Support Try: @media (max-width: 768px) { .inside-navigation { display: flex; } .main-navigation .menu-toggle { order: -1; margin-right: auto; } } .main-navigation li.search-item { float: left; } March 16, 2019 at 6:58 am #840703 Pedro Hello David! It worked but only for the mobile version. March 16, 2019 at 7:06 am #840712 DavidStaff Customer Support Edited above to include desktop March 16, 2019 at 7:13 am #840721 Pedro Hello david! It worked very well Thank you!! March 16, 2019 at 7:37 am #840741 DavidStaff Customer Support You’re welcome March 16, 2019 at 12:22 pm #840907 Pedro Hello David! I just realized that this CSS code affects the menu display in the mobile version. I send you a screenshot so you can see: https://www.dropbox.com/s/gnwvjwytypuggpi/IMG_2321.PNG?dl=0 March 16, 2019 at 7:08 pm #841095 TomLead Developer Lead Developer Did you remove the search for now? Any chance you can add it back? I should be able to fix the above. Let me know ๐ March 17, 2019 at 5:09 pm #841738 Pedro Hello Tom! I have already activated the search icon. I’m waiting for your message. March 18, 2019 at 6:01 am #842049 DavidStaff Customer Support Try this: @media (min-width: 769px) { .main-navigation li.search-item { float: left !important; } } @media (max-width: 768px) { .inside-navigation { display: flex; flex-wrap: wrap; } .main-navigation .menu-toggle { order: -1; margin-right: auto; } .main-nav { flex: 1 0 100%; } } March 18, 2019 at 6:19 am #842074 Pedro Hello david! I give this ticket as resolved. Thank you! March 18, 2019 at 6:25 am #842083 DavidStaff Customer Support Awesome – glad we got there ๐ i had to refuel with coffee lol Author Posts Viewing 15 posts - 16 through 30 (of 30 total) ← 1 2 You must be logged in to reply to this topic. Log In Username: Password: Keep me signed in Log In