Mobile Menu not working correctly

Hey Frosty, I took a look at your site and it seems like the “mobile menu” you have is a non functional menu and the menu you want is invisible (opacity set to 0). Heres the css I came up with.

.select-menu{
    opacity:1 !important;
}

.customSelect {
    display: none !important;
}

The customSelect menu you have seems to have media queries that make it keep displaying, so you may need to go in and individually tell each mediaquery to display:none.

If you have any more questions or would like anymore explanation feel free to ask. Also I’d really like to know if it works out.

– Wolfy and Brain (????)

Wolfs bRain, thanks for the reply. Pasted the code into Custom CSS Manager and works better, at least now I can select from the menu. As the page resizes down it still is functional and can use the menu on the phone. Not sure if the issue just might be in the size of the block. As the page resizes the menu itself stays fairly the same width across all dimensions. Must be a way to customize the width. All @media is set in the bootsrap-responsive.css. I’ll have a look thru through it tomorrow. Works enough for me at the moment. Arrow-select is in style.css, will also have a better look at that too in the a.m. Thanks again!! Headed in the right direction.

Just an update that I will leave up for a while.

Image of Solution

Thanks

Wow I’m glad it worked!!

Works yes, …however got small project to maybe change it.

As before —pictures speak a lot more than I can so…

Removing the drop-down menu and putting the menu select button back (working)???

Topic is closed. Thanks.