[Support request] Responsive various

[Mildmac SA (ESA78960895)]

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)

[elementor-template id=”494″]

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

[Leo]

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

[Mildmac SA (ESA78960895)]

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

[Leo]

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.

[Author]

Posts