When I change the width of the window (to see what the site looks like on a iPod, for example), the writing in the menu disappears.

I am using "Fruity" as theme for the Lifestyle2 template, but have changed it to shades of grey.

Included is a screenshot.

Have you changed any custom css that might cause this?

Normally at this point I'd say do you have a link for the site? - so I can view the css applying

Cheers
Paul

Yes, I changed the colour scheme. Not being able to use ThemeMagic, I had to code it. I used the .less files, then compiled them using the ThemeMagic compiler. Not elegant, but it worked... sort of!

The site is here: healthycrusine.com

You need to turn off the right click plugin so we view the site using troubleshooting tools

Cheers
Paul

Oh! And another thing...

That menu is awfully narrow (no margin on the left side) and very difficult to navigate (it keeps on disappearing if you don't position the curser exactly right when choosing menu options in submenus).

Can that be modified?

I will, but only for a short while... DONE.

Thanks

You have this style

@media (max-width: 1019px)
.navbar-collapse ul a {
color: #D1D0CE !important;
}

That appears to be the problem with the text colour

Menu wise are we referring to the mobile menu?

Cheers
Paul

Yes. I think? You mean the menu that would be used for mobile devices, right? Then, yes.

ah ok - sorry for the confusion I've moved on to look at the height issue

With the height problem it that the mobile menu?

Height & WIDTH (mostly width), is for the NON-mobile menu.

But I DO SEE what you mean by "Height issue". The menu is so long (in Mobile-view style) and we can't scroll down. There are only a fraction of the recipes showing, and there are 3 more main-menu-options that don't show at all.

Is there a way to make only the main-menu options show (and then to have users scroll down each one individually) instead of having every menu option displayed at the get-go?

I appreciate your help in this matter! Thanks a gazillion Paul!

I modified the colour JUST ON THIS instance.

@media (max-width: 1019px)
.navbar-collapse ul a {
color: #D1D0CE !important;
}

It solved some of the problem, but not all. As you can see if you go look at it now.

Regarding the mobile are you meaning when clicked it reveals the drop down or something else?

Cheers

CSS wise

There is also

@media (max-width: 1019px) {
.navbar-default .navbar-nav .open .dropdown-menu > li > a, .navbar-default .navbar-nav .open .dropdown-menu > li > span {
color: #D1D0CE !important;}
}

The colours have been changed. The contrast is better.

Now, I still have the problem of the Mobile-menu being way too long and not being able to scroll down on a computer (so it basically is useless, not to mention it blocks the view of the entire page when displayed). It works fine on actual Mobile devices.

Is there a way to fix that?

You mentioned a HEIGHT issue?

Thanks again!

Hi

We are due to release an update which may help - I'll check on this later today

Cheers
Paul

Super! Thanks a million!

I'll get back to you later today we are just waiting for some feedback from a user

Cheers
Paul