Primary menu in mobile view difficult to adjust position

  • Resolved flumbenjamin

    (@flumbenjamin)


    9 years, 4 months ago

    Hello,

    For the virtue theme I seem to have three different appearances of the primary menu.
    1. You view it on your desktop (menu is where I put it on the right and responsive) OK
    2. Tablet view (primary menu goes into mobile navbar mode and still on the right) OK
    3. Mobile phone (primary menu is centred but somehow goes over the logo (Problem I can not solve.

    The site I am working on:
    https://carol-magalhaes.com

    Thank you for this great support forum. You guys are really quick in responding!

Viewing 5 replies - 1 through 5 (of 5 total)

  • Hey,
    For 3 what are you wanting? The menu is designed to drop below the logo.

    Maybe try this css:

    @media (max-width: 767px){
    .nav-trigger-case .kad-menu-name {
    display: none;
}
.nav-trigger .nav-trigger-case {
    position: absolute;
    width: 50px;
    top: -28px;
}
}

    Kadence Themes

    Thread Starter flumbenjamin

    (@flumbenjamin)

    Hey,

    My apologies for not being very clear in my question above.
    My problem is that the main navigation bar is being pushed by the logo into the body of the website. I tried your solution – which by the way was a good solution, although the menu button was not sticking to the bottom of the header section/or too tall and sticking out.

    hannah

    (@hannahritner)

    Hey,
    I just checked your site from an iphone6 and I’m not seeing this. What device are you using? Can you send a screenshot?

    Hannah

    Thread Starter flumbenjamin

    (@flumbenjamin)

    Hi Hannah,

    I have tried different devices. It is fine on some but on one of my Android devices I see the following: https://carol-magalhaes.com/wp-content/uploads/2015/07/Screen-Shot-2015-07-09-at-17.45.58.png
    I hope this illustrates my question.
    Thank you.

    hannah

    (@hannahritner)

    Ok, so you’re just wanting the menu bar pushed down, correct? Try this css:

    @media (max-width: 767px) {
.nav-trigger .nav-trigger-case {
  margin-top: 25px;
}
}

    Hope that works for ya!

    Hannah

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Primary menu in mobile view difficult to adjust position’ is closed to new replies.