Current status of the Ning Platform is always available on the Ning Status Blog.

FORUM

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

You need to be a member of Ning Creators Social Network to add comments!

Join Ning Creators Social Network

Email me when people reply –

Replies

  • or just a hamburger by itself would be ok.

    i could write the name of the site on the landing page leading image (a slider for ex.)

  • 129979906?profile=RESIZE_930xThis is what I am aiming for

    I have listed the menu items/links below the navigation

    I guess they'd be external links because the landing page operates outside the Ning site builder.

    https://storage.ning.com/topology/rest/1.0/file/get/129979906?profile=RESIZE_930x
  • Hello!

    http://take.ms/Iu8Nc

    It won't make the menu exactly as you showed on the screenshot, but the following CSS will hide the "Back to the network" button on the upper left corner of the screen, and highlight it will with black so it is visible on the mobile device. You should put it here - http://take.ms/WazZh

    <style>
    .transition {
    display:none;
    }
    .rd-navbar-toggle span:after, .rd-navbar-toggle span:before, .rd-navbar-toggle span {
    background-color: black;
    }
    </style>

     

    Best regards,

    The NING Team

    Screenshot "test.png"
    • Hello Anastasia

      That is a big improvement. Thank you

      Now what i need is for the background to change colour becase the logo is white and cannot be seen on the white background.

      Here is some code i have copied from another section that contains the colour i want : 

      style="background-color: rgb(35, 85, 117);"

      I think the menu and the logo should be on opposite sides of the screen. Ideally, menu right and logo left.

      Thank you

      • I've tried just pasting this code in, but it messes things up (yes, i'm a newbie)

         

        • Hello!

          My colleague has made some changes to make it look as close as possible to the picture you sent earlier, so please check the landing page on mobile and let us know what you think. 

          Bets regards,

          The NING Team

          • OMG Anastasia
            that is amazing !!!
            thank you
            Just the color needs to be changed (sorry I have changed the site backgrounds and i prefer now to just change the header than to change the whole site). I have tried to do it myself, but cannot find how to do it.

            But, the layout is exactly perfect otherwise. thank you so much

            Marie

             

            • here is the new color : 

              rgb(35, 85, 117)

              or

              #235575

              • Hello!

                No worries, we have changed the colour to the one you gave us
                You are welcome :)

                Best regards,

                The NING Team

  • NC for Hire

    The mobile navigation on N3 should be functional right out of the box.  When you add other code, however, it can conflict if not configured properly...

    this is what i see on mobile for your site

    130125182?profile=RESIZE_710x

     

    with CSS you can do things like change the color and hovr effects...you can make the navbar stretch across the screen if you like...and you can change the color of the hamburger... what are you trying to do?   btw... all CSS goes inside the Design Studio advanced section and all javascript goes inside custom code section in backend... do not mix the two or you'll be pulling your hair out.. hope this helps a bit

This reply was deleted.

Announcements

 

Some interesting articles related to community management, digital marketing etc. could be found in our digest. Don't hesitate to leave a feedback so we would know that we should continue :-)

Latest Activity

⚡JFarrow⌁ replied to Anastasia_Ning_Support's discussion
What’s new on NING?
"Yes.... i don't see the search features enabled for my site.. it shows on Videos but not photos, fo…"
3 hours ago
Dr Husky (Emalejandro) replied to Dr Husky (Emalejandro)'s discussion
I need upload ads.txt
"Very very thanks :)"
6 hours ago
Anastasia_Ning_Support replied to Anastasia_Ning_Support's discussion
What’s new on NING?
"Hello!
This update will bring the "Add content" button only for single type content module, but in…"
9 hours ago
Anastasia_Ning_Support replied to Anam's discussion
Comments on Profile Pages Do Not Appear in Latest Activity
"Hello Anam!
You are completely right, such functionality may possibly cause issues to the network o…"
9 hours ago
Anastasia_Ning_Support replied to Dr Husky (Emalejandro)'s discussion
I need upload ads.txt
"Hi!
Here is the link to edit your ads.txt https://revistadiscover.com/main/admin/adsTxt
Best regard…"
9 hours ago
Anastasia_Ning_Support replied to Anastasia_Ning_Support's discussion
What’s new on NING?
"Hello!
Only the "Add content" button was scheduled for release this week, the other 2 updates were…"
9 hours ago
Anastasia_Ning_Support replied to Anastasia_Ning_Support's discussion
What’s new on NING?
"Hello Rachella!
We will definitely bring a mobile application at some point, but I am afraid it wil…"
9 hours ago
⚡JFarrow⌁ replied to Anastasia_Ning_Support's discussion
What’s new on NING?
"me too"
10 hours ago
Yvette Vega, Robin Stewart, Cynthia Wilson and 2 more joined Ning Creators Social Network
12 hours ago
Rachella Sinclair replied to Brandyn Shepherd's discussion
NING - Mobile App!
"I seriously need this!!! Will most likely leave Ning if they don't get their act together on this f…"
Saturday
Rachella Sinclair replied to Anastasia_Ning_Support's discussion
What’s new on NING?
"Any chance of getting a mobile app anytime soon? I've got heavy competition and they're all app-bas…"
Saturday
Fernando Bisbal posted discussions
Saturday
More…

Meanwhile, you can check our social media channels