Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 27, 2018 at 10:00 am #978313
    emanuelecocchiaro

    Hi,
    I’m using a main menu and a secondary menu above the first one. I’ve added some custom css in order to have my header logo placed higher than it should be, since our goal is to have the header logo crossing the line between the menus.
    We have reached part of this, the only problem is we still have the secondary menu showing on top of the logo hiding part of it.
    How can I fix this?

    You can see what I’m trying to achieve in this example website
    http://www.nhcasedilegno.it/

    Thanks for the help

    June 28, 2018 at 3:08 am #978673
    Vinay

    Hey emanuelecocchiaro,

    I have added the below CSS to quick CSS

    
/* Overlap logo */
#top #header #header_meta {
    z-index: 1!important;
}

#top #header .logo {
    z-index: 100!important;
    margin-top: -20px;
}

    Best regards,
    Vinay

    July 2, 2018 at 10:09 am #980034
    emanuelecocchiaro

    Thanks a lot! That solved the problem.
    I need a little more help thought.
    On mobile view our secondary menu get centered and goes below the logo. How can I stick the secondary menu to the right? Or another option, I think the best one, could be to hide the secondary menu on mobile and add its voices inside the burger menu. Burger menu icon also is creating issue since doesn’t stay on the main menu part but goes across the secondary menu. Hope you can help me fix this problem. Thanks

    July 3, 2018 at 1:46 am #980337
    Vinay

    Hi,

    I’m sorry but I did not notice a secondary menu on your site. Was there any custom code added to make changes to the secondary menu ?

    Best regards,
    Vinay

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