- This topic has 17 replies, 3 voices, and was last updated 2 years, 8 months ago by David.
-
AuthorPosts
-
November 15, 2020 at 11:07 am #1532546Álvaro
Hi!
I’ve created a burger menu for all my website, but now I have the search button left and burger right. Is possible to change the order? You can find in my website: https://descubrirlahistoria.es
November 15, 2020 at 11:19 am #1532559LeoStaffCustomer SupportHi there,
Try this CSS:
@media (max-width: 768px) { .main-navigation .inside-navigation { justify-content: flex-start; } }
Adding CSS: https://docs.generatepress.com/article/adding-css/
November 15, 2020 at 11:25 am #1532564ÁlvaroThanks! But this code doesn’t work. If I delete first file the icons go to right side of the menu. But as you have written nothing happens.
November 15, 2020 at 2:44 pm #1532703LeoStaffCustomer SupportI’m not seeing the code being added.
Can you add it in so I can see why it isn’t working?
When I tried using the browser inspector tool, it worked as expected:
https://www.screencast.com/t/Ua9kkoM2Please clear and disable your caching plugin as well while we are helping.
November 15, 2020 at 3:26 pm #1532733ÁlvaroI’ve added it, but what I want is only to change the order of icons. Now I have search icon and next the burger icon. I want burger icon first. You can see now the code incorporated to my CSS.
November 15, 2020 at 3:32 pm #1532741LeoStaffCustomer SupportI want burger icon first.
Sorry I’m a bit confused. Isn’t this the default without my CSS?
Or do you want both icons on the right?
November 15, 2020 at 3:39 pm #1532746ÁlvaroSorry, maybe my English is bad. Just what I said is that I want the burger icon first. In your screenshot search icon is on the left and burger (menu) icon on right side of the menu bar. What I want is one of this options:
1. Both in left side, but burger (menu) icon first.
2. Burger (menu) icon on left side and search icon on right.Default option is what you can see on this screenshot: https://1drv.ms/u/s!AqoGpIFDfR2_jpJ3c3ayWX5gCiFvfQ?e=7U88uC
November 15, 2020 at 4:49 pm #1532791LeoStaffCustomer SupportEdit this CSS here:
https://generatepress.com/forums/topic/search-icon-in-wrong-position/#post-1532559Let me know 🙂
November 16, 2020 at 12:51 am #1532978ÁlvaroHi, Leo. I’m sorry, but nothing happens. If you go into website you’ll see the code. It’s only working on mobile view, but I want it also in desktop and tablet. Remember I’m using the burger menu in all website, not only in mobile version.
November 16, 2020 at 9:10 am #1533681LeoStaffCustomer SupportTry this for desktop:
@media (min-width: 769px) { .main-navigation .menu-bar-items { flex-direction: row-reverse; flex: 1; justify-content: space-between; } }
November 16, 2020 at 11:57 am #1533826ÁlvaroNow it works. The only problem (and sorry, I fell I’m being too heavy) is that the search text has a very short space, and when is behind the search icon it dissapears. Is there a way to solve it? Maybe, if we put the search icon on the top right side of the bar…
Sorry again. And thanks
November 16, 2020 at 12:06 pm #1533843LeoStaffCustomer SupportEdited the CSS here:
https://generatepress.com/forums/topic/search-icon-in-wrong-position/#post-1533681November 16, 2020 at 12:36 pm #1533863ÁlvaroWow! Absolutely amazing. Thank you very much, Leo. You have more than earned your salary!
November 16, 2020 at 12:52 pm #1533869LeoStaffCustomer SupportNo problem 🙂
August 10, 2021 at 2:22 am #1890274ÁlvaroHi again,
I would like to refine the search tool, because some users indicate that they find it confusing. Right now, when you click on the search icon, it opens a space to type to the left of the whole thing. I think ideally the text should start right where the icon is, or in the blank space in the menu (attached screenshot).
Website url: URL
Could you help?
Best regards.
-
AuthorPosts
- You must be logged in to reply to this topic.