[Support request] Responsive various

Home Forums Support Responsive various

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #334946
    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

    GP Premium 1.3
    #334982
    Leo
    Staff
    Customer Support

    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

    #335287
    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

    #335320
    Leo
    Staff
    Customer Support

    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.

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.