Landing page navigations do not show menus on mobile screen

[marie]

Hi

I have tried all of the standard navigations and headers available for the landing page, but none of them work on a mobile screen. 

None of them show the menu and some of them just show as a blank white band. 

I chatted with an agent and he said i needed to add CSS code to make it work on mobile.

I dont know much about CSS, though i've researched quite a bit since. I have generated HTML5 and jsqueries and CSS using online navigation creators and tried to integrate them but nothing works. I can open the tabs where the CSS, HTML and queries go, but I dont know where to paste the snippets. And am i supposed to delete all or any of the code that is already there?

I just want a basic menu (hamburger) with 4 or 5 links, and the name and logo of my site on a band along the top of the landing page. 

Can anyone guide me?

Thanks in advance

PS as a product suggestion, I think that the Ning developers really need to make the navigations mobile friendly... or at least one.

PPS my site is https://lediabete.ning.com

[marie]

Thank you Jfarrow,

I had reset the page you see to be the homepage temporarily in order to make working on the site quicker (setting the landing page as home page means constantly swapping from one system to another because the new landing page operates outside of the site builder).

the home page is now the landing page, so you can see how it looks

[marie]

and yes, it helps a lot :-)

 

[Renato Gelforte]

In my case, I did not add any code, and mobile navigation is not working as expected: https://www.foodcontactexpert.org/
Moreover, in a desktop vision, the dropdown menu appears opened and Internet Explorer doesn't show the images into the slider in the header.
I saw that even https://lediabete.ning.com/ has problems when displayed in IE: the menu disappear.

Is there a way to redirect IE user to another page?

[marie]

Yes I can see that in desktop view (chrome) the menu is open when you open the landing page. I have to click anywhere on the page for the menu to close. I also notice that part of hte menu is doubled up. See photo. This is a pity because it is a beautiful site otherwise.

[Renato Gelforte]

Did you notice that even your site don't behave correctly with Internet Explorer 11?
In your case is just a matter of the top menu bar disappearing.
In my case, I was forced to redirect IE user to another page until I will find a compromise.
Anyhow, I did not understand well how do you achieve to have a single top bar. Did you use pure CSS only?

[marie]

Here is how i got a single bar on top.

1. I click on code icon : 

 

 

 

2. I right click on section to remove (the white area)

 and I delete white section

 

3. Here is the result

[Renato Gelforte]

Thanks a lot Marie. 

Me too, I achieved the same conclusion you described here.

By reading your posts I realized that you removed the white bar in order to have the menu in the mobile version.

Thanks anyway.
As soon as I have time I will fix it

[marie]

No, i have not noticed about IE because i dont use IE. I'll have to check anbd get on to Ning about it. THANKYOU