Archived topic
Responsive various
3 replies · Started by Mildmac SA (ESA78960895) on June 17, 2017
HI,
I´m having some problems with header items in responsive modes. 4 items:
1.- Which are the breakpoints for mobile? I´ve read somewhere you told 1024px and 760px, but my site does not change at 1024 (I have GP Premium 1.3) And I don´t see anywhere to configure responsive items, like breakpoints, diferent logo and/or menu positions, etc (in fact, I watched some videos, like Menu plus one, and I don´t have some options like layout/header/mobile menu tab)... ¿?
2.- I disabled slide menu and it works fine into theme previewer bot not in the page. And then it overlaps the mobile menu
3.- I´ve got this hook for a top bar and disabled on mobile, but it only dissapears at about 760px but not 1024 (whre the bar stills remain but no text appears)
4.- I´d like to change to mobile menu in 1024 because otherwise the main menu has a weird behaviour
This is the url: http://cerealtalent.com/aaa/
Thanks a lot
Rafael
Hi there,
1. Here are the breakpoints: https://generatepress.com/forums/topic/how-do-i-search-for-my-previous-posts/#post-263744
For logo on mobile, you can consider using the mobile header option with just the icon of your logo:
https://docs.generatepress.com/article/mobile-header/
If you are missing options, make sure all add-ons are activated:
https://docs.generatepress.com/article/installing-gp-premium/#4- activate-your-add-ons
2. Mobile looks and works fine to me on my phone? Can you explain a little more?
https://s17.postimg.org/6rdjup9gf/IMG_5710.png
3. You would want to hide-on-tablet too
4. This should help: https://docs.generatepress.com/article/mobile-navigation/#initiating-the-mobile-navigation-at-a-different-width
Thanks Leo. I tell you:
I finally could find mobile header option. Thanks. And also I could disable slide out menu, so that you could see mobile version fine in your phone. Point 4 is great, thanks. I can set a different width (1024) and works fine.
I just have one more CSS issue to avoid extending that width to 1024. In fact, everythings goes right. When I am decreasing screen size, there´s a point where main menu jumps to another line, and in fact, the only thing I need is being able at that point to center logo and menu in their respective lines until breakpoint changes menu for mobile menu icon. I don´t know if I explained it well. Perhaps adding some CSS code in between this:
@media (max-width: 768px) {
/* CSS in here for mobile only */
}
@media (min-width: 769px) and (max-width: 1024px) {
/* CSS in here for tablet only */ <----------------------------- HERE?
}
@media (min-width: 1025px) {
/* CSS in here for desktop only */
}
Thanks for everything. Great support
Rafael
Hmm that would be a more complicated.
I would just change the mobile menu initiation width so that it kicks in at the point when the menu item goes to another line.
