Menu always visable

  • Resolved piterpostma

    (@piterpostma)


    9 years, 3 months ago

    Dear Sir/Madam,

    On my website i have a triggered menu. When you click on the hamburgericon the menu shows up. I like to make the menu always visable on my website without first clicking on the icon. Is this possible en can somebody help me with this problem?

    My theme: Bigfoot
    My website: http://www.hielsema.nl

    Piter Postma

Viewing 9 replies - 1 through 9 (of 9 total)
  • mdshak

    (@mdshak)

    9 years, 3 months ago

    Hi,
    Sure, you can do it by using the given below css code. Please install this plugin Custom CSS. Begin using the plugin by going to Appearance > Custom CSS in the Admin Menu. Here you can insert the given below code.

    div.nav-wrapper{
visibility: visible !important;
}

    Thanks
    Mohammad

    • This reply was modified 9 years, 3 months ago by mdshak.
    Thread Starter piterpostma

    (@piterpostma)

    9 years, 3 months ago

    Hello Mohammad,

    The code doesn’t work. Do you have another code?

    Thanks for your help!

    Piter

    mdshak

    (@mdshak)

    9 years, 3 months ago

    Hi,
    Just try out this code. It will work definitely.

    div.nav-wrapper{
visibility: visible !important;
opacity: 1 !important;
}

    Thanks
    Mohammad

    Thread Starter piterpostma

    (@piterpostma)

    9 years, 3 months ago

    Hi,

    It works!

    Is it also possible to remove the hamburger icon and make the menu on top of the page. Not on a second layer on the homescreen picture! And make the menu a little bit smaller?

    I appreciate your help!

    Piter

    • This reply was modified 9 years, 3 months ago by piterpostma.
    mdshak

    (@mdshak)

    9 years, 3 months ago

    Hi,
    Please use this custom css code and remove last css code.

    #nav-trigger{
display:none !important;
}
div.nav-wrapper {
    visibility: visible !important;
    opacity: 1 !important;
    padding: 10px !important;
    background:transparent !important;
}
#thb-home-slides{
top:50px !important;
}

    Thanks
    Mohammad

    Thread Starter piterpostma

    (@piterpostma)

    9 years, 3 months ago

    Hi,

    It works! Thank you!

    Piter

    • This reply was modified 9 years, 3 months ago by piterpostma.
    mdshak

    (@mdshak)

    9 years, 3 months ago

    Hi,
    Glad to help you.
    Thanks
    Mohammad

    Thread Starter piterpostma

    (@piterpostma)

    9 years, 3 months ago

    Hello,

    Is there a fix for mobile devices?

    Piter

    mdshak

    (@mdshak)

    9 years, 3 months ago

    Hi,
    Please remove my last code and use this new code:-

    @media only screen and (min-width: 992px) {
#nav-trigger{
display:none !important;
}
div.nav-wrapper {
    visibility: visible !important;
    opacity: 1 !important;
    padding: 10px !important;
    background:transparent !important;
}
#thb-home-slides{
top:50px !important;
}

    Thanks
    Mohammad

    }

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

The topic ‘Menu always visable’ is closed to new replies.

Tags