How to bring menu header / navigation top to front

  • Resolved Enyvisions

    (@enyhomes)


    7 years, 10 months ago

    Hi,

    Our menu header seems to fall behind some Visual Composer components, please see screenshot: https://prnt.sc/f8tjz9
    I had customised the menu header’s colour using this code:

    .navigation-top {
background: #8ba34c;
}

    But even after removing that code, it still falls behind.
    I had tried configuring the position and x-index of both the menu and Visual Composer components.

    .navigation-top {
background: #8ba34c;
position: fixed;
z-index: 2;
}
.home-box-top-left {
position: relative;
z-index: -1;
}

    The problem remained and in addition, when scrolled all the way to the top, the menu header drops down to bottom to the screen for some reason. Please see screenshot: https://prnt.sc/f8tmaz
    Could someone give me some advice please?

    Thanks,
    Victoria

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

  • screenshots help to illustrate your issue, but without a link to the website, there is nothing that can be done.

    try z-index: 1001;

    Thread Starter Enyvisions

    (@enyhomes)

    Hi!

    Thanks, I tried changing .navigation-top ‘s z-index to 1001 and it didn’t work I’m afraid, as in no changes.
    So here’s the link, I hope this helps: https://www.mishka.ch
    Thank you in advance for your advice!

    Cheers,
    Victoria

    line 3400 in your css is a media query with this code

    
	.site-navigation-fixed.navigation-top {
		bottom: auto;
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		width: 100%;
		z-index: 7;
	}

    change z-index to 1000
    problem fixed-

    Thread Starter Enyvisions

    (@enyhomes)

    Hi there!

    Awesome, the problem is truly fixed. ?? Thanks a bunch for your help!

    Cheers,
    Victoria

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to bring menu header / navigation top to front’ is closed to new replies.