Problem with the responsive menu help needed


#1

site: http://samarassrtestblog.blogspot.in/

installed a custom build menu, which is a responsive one

but there is a problem with that menu

see image below for the problem

how to make that menu flow over the blog items?

thanks in advance


#2

@Nafees Any help on this one… ?


#3

Please Explain Your Problem , I Don’t Understand What Do You Mean By -

how to make that menu flow over the blog items?

Please Explain :wink:


#4

yes that the problem with that menu

elements are floating over the menu


#5

Try this css, it will help till some extent

#top-nav {
    display: none;
}
.nav_wrapper.no-scroll {
    z-index: 9999 !important;
}
.scroll {
    top: -90px;
    z-index: 9999 !important;
}
#header-wrapper {
    margin-top: 43px !important;
    z-index: 8888;
}

#6

still the same thing happening… :frowning:

help on this


#7

Add this CSS:

.nav_wrapper {
   z-index: 9999999;
}

I hope it will solve your problem. :smile:


#8

after adding that code, i am unable to access drop down list!


#9

Okay. So, add above code in your template and then below it, add the following code:

.menu ul ul {

top: 90%; }

Don’t remove the CSSs if you find any issue after adding them. Leave them and inform me. :smile:


#10

it worked very well thank you man :smiley: