Archived topic
Header Mobile Search Close Button + Centeres header On Tablet
7 replies · Started by fabiosilva on March 21, 2020
Hi!
I Hope You Are Doing Well! :-)
I've two situations, maybe someone can help me.
1 - On mobile menu (using premium plugin ), I found a little problem on close button (see image, please). Text is superimposing on the close button. Any way to prevent this?
https://i.ibb.co/k9QCTZh/search-problem.jpg
2 - Actually I use the Float Right Menu, and left logo. On desktop, all perfect! But on tablet, I pretend center all elements (logo and menu). Any simple way to make this? I didn't want to use the mobile menu on a tablet view.
https://i.ibb.co/Tq17qPS/tablet-menu.jpg
Thank you so much! And #StayAtHome :-)
Hi there,
1. Try this CSS:
.navigation-search input {
width: 75%;
}Adding CSS: https://docs.generatepress.com/article/adding-css/
2. Try this option:
https://docs.generatepress.com/article/navigation-drop-point/
Let me know if this helps :)
Hi, Leo
1 - I tried this solution before. But it does not work very well. I think it may be a small bug in the template. Can confirm?
2 - Humm.. I make this, but not work.. In facto, on tablet view, I would like this to really happen. :-s
https://docs.generatepress.com/wp-content/uploads/2018/12/drop-point-result.png
Thank you
1. What exactly doesn't work? Just tested it and it seems works from what I can see:
https://www.screencast.com/t/NLStfCtH0T
2. What breakpoint did you set? Can you switch to the parent theme for now?
Hi, Leo
1 - Solved. However, with media queries, I solved it.
2 - Yes, I set 1000px breakpoint. See now, please (parent theme active).
https://i.ibb.co/MgTfGP1/set1000.jpg
Thank you.
1. Sorry forgot about the media query.
2. You used the wrong option. Make sure it's this one:
https://docs.generatepress.com/article/navigation-drop-point/
not this one:
https://docs.generatepress.com/article/mobile-navigation/#using-gp-premium
OMG. Sorry! I'm ashamed! I hadn't seen that option. SOLVED! :-)
Thank very much for your patience, Leo.
No problem :)
