Landing page navigations do not show menus on mobile screen

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

Replies

- marie > ⚡JFarrow⌁ October 19, 2018 at 12:49pm
  
  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 > marie October 19, 2018 at 1:06pm
    
    and yes, it helps a lot :-)
- Renato Gelforte > ⚡JFarrow⌁ November 12, 2018 at 10:34am
  
  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?
  
  Benvenuti_in_AIBO-FCE
  - marie > Renato Gelforte November 12, 2018 at 2:15pm
    
    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 > marie November 12, 2018 at 3:59pm
      
      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 > Renato Gelforte November 12, 2018 at 4:51pm
        
        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 > marie November 29, 2018 at 3:46pm
        
        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 > Renato Gelforte November 12, 2018 at 4:51pm
        
        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