[Resolved] Header element disappears on Mobile Menu Breakpoint

Home Forums Support Header element disappears on Mobile Menu Breakpoint

Viewing 15 posts - 1 through 15 (of 17 total)
  • Author
    Posts
  • #1212257
    George

    I have two headers, one only showing on the front page and the other one on the entire site apart from the front page. The front page header works fine on all screens. The other header though is hidden as soon as the Mobile Menu Breakpoint hits. I have modified all header paddings, etc, I cannot see what is going on.

    On the URL submitted, try viewing any page apart from the homepage, you will see the issue. Once the mobile breakpoint hits, the whole page shifts upwards. I tried removing all custom CSS, it didn’t fix the issue. I am hoping it’s a silly thing that I have overlooked!

    #1212309
    Leo
    Staff
    Customer Support

    Hi there,

    Any chance you can activate the parent theme for me to have a deeper look?

    Also just to confirm, you’ve changed this setting to 1255px?

    Let me know 🙂

    #1212338
    George

    Parent them activated, still same issue. Yeah, Mobile Menu Breakpoint is set to 1255px but it doesn’t make any difference.

    #1212341
    Leo
    Staff
    Customer Support

    Ok I believe that’s a bug.

    Can you try setting the breakpoint back to 768px and see if that solved the problem?

    Thanks 🙂

    #1212344
    George

    Same issue. It only works only when I remove the number completely (which I have done for you to check). It’s weird, I pretty sure I would have noticed that with previous sites. It’s a big one.

    #1212349
    Leo
    Staff
    Customer Support

    I’ll do some digging and get back to you 🙂

    #1212354
    Leo
    Staff
    Customer Support

    Sorry I just noticed something. Why is the merged header element needed here?

    Doesn’t look like you are going for the merged appearance? The top bar and primary navigation both have solid colors.

    #1212360
    George

    Yes, you are right, it must have stayed there from messing about. I changed that, still the same problem.

    #1212362
    Leo
    Staff
    Customer Support

    Getting better.

    Can you now set the breakpoint to 768px? Currently the mobile toggle isn’t kicking in.

    #1212364
    George

    Ok, I did. Same issue. I can send you credentials to have a look if you want.

    #1212365
    Leo
    Staff
    Customer Support

    Ahh I think I got it.

    Did you add site-header as a custom class in the header element? Can you remove that or rename it to something else if it’s actually needed?

    #1212371
    George

    Yes, that was it!!! Why is that a reserved class or something?

    #1212372
    Leo
    Staff
    Customer Support

    Yup it’s used for the default site header 😉
    https://www.screencast.com/t/DjsySV7D9

    #1212375
    George

    I see. I still think you need to let Tom know cause there is no way people would know about it. Maybe prevent users from setting that class?

    #1212379
    Leo
    Staff
    Customer Support

    There is no way to stop people from using any of classes.

    It hasn’t happened before so it’s not really an issue for now 🙂

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