Looks good in lg screen, md screen but disappears on mobile

Melody Scott
Melody Scott used Ask the Experts™
on
Please go to http://dev2.magickitchen.com/menu/main_courses.html  and add something to the cart.

If I look at it on a large screen, it looks good. If I resize to a medium screen, also looks good. But on a mobile emulator, it shows a blank screen, only the background image.

I'm hoping it's something simple that a smart, experienced person can find. Thanks for your help!
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
think bootstrap.css hides your screen in smaller screens...
You have declared your main div to have the classes .container and .containerDesktop. And in your style.css you have the following rule:

@media (max-width: 767px) {
.containerDesktop {
    display: none !important;
}
}

Open in new window


Giannis

Author

Commented:
Thanks so much!!

Author

Commented:
I'm losing my mind. Thank you.

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial