Hamburger menu shifted

  • Resolved Fredius

    (@fredius)


    9 years, 1 month ago

    Hi, from your support department, Denzel, I received this code to align my hamburger menu with the search box:

    @media screen and (max-width:768px){
    .primary-menu {
    width: 100px !important;
    float: left !important;
    position: relative;
    top: 5px !important;
    }
    .searchform {
    float: right !important;
    }
    .dd-options {
    width: 300px !important;
    }
    }

    But since some weeks I see that my hamburger menu is shifted and is the search box not at the same height as the hamburger menu. How can I solve this? See http://www.eckkies.nl

Viewing 7 replies - 1 through 7 (of 7 total)
  • Romik84

    (@romik84)

    9 years, 1 month ago

    Hi @fredius

    I think that below css causes for your problem. Please remove it.

    .primary-menu {
width: 100px !important;
float: left !important;
position: relative;
top: 5px !important;
}

    After that clear your browser caches.

    thank you

    Thread Starter Fredius

    (@fredius)

    9 years, 1 month ago

    Hello Romik,

    I changed it, cleared my browser, but no luck. Any other suggestion?

    Abigailm

    (@abigailm)

    9 years, 1 month ago

    Try adding this CSS:

    @media screen and (max-width: 768px)
.searchform {
  margin-top: -50px !important;
}

    Is that the display effect you are looking for?

    If it is you’ll still have to experiment to see whether it causes unintended problems for smaller screen sizes, and may have to adjust accordingly.

    Thread Starter Fredius

    (@fredius)

    9 years, 1 month ago

    Hi, sorry for the inconvience, but where in the code do Imput this? Like this? I am not that familiar with css

    .primary-menu {
    width: 100px !important;
    float: left !important;
    position: relative;
    top: 5px !important;
    }
    @media screen and (max-width: 768px)
    .searchform {
    margin-top: -50px !important;
    }

    Romik84

    (@romik84)

    9 years, 1 month ago

    Hi @fredius

    I think you have not remove .primary-menu class css in custom css section of theme options, that was mention in this post https://wordpress.org/support/topic/hamburger-menu-shifted/#post-9059994.

    See screenshot of your site: http://prnt.sc/f0i1ka

    Please remove .primary-menu class css after that it working fine.

    See screenshot of your site: http://prnt.sc/f0i1lf

    Thank you

    Thread Starter Fredius

    (@fredius)

    9 years, 1 month ago

    I misunderstood. Like I said I am not that familiar with css. Now I adjusted it and it works. Thank you again!

    Thread Starter Fredius

    (@fredius)

    9 years, 1 month ago

    Update: my site works fast, scores are okay, but my hamburger menu does not function. I even have the code that you gave me removed because this morning the menu wasn’t visible at all. Now it is back but is nog clickable. Please advise.

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

The topic ‘Hamburger menu shifted’ is closed to new replies.