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

Replies

  • Hi there!

    Just one thing to clarify, do you wish to rework existing menu, or you are willing to add an additional menu that would be overlaying the whole content of the site, by clicking on the certain button that is located on the network? Also, should it work the same way on mobile and web?

    Looking forward to hearing from you.

    Best regards,

    Ning Team.

    • I would like to get it reworked hold new navigation bar. It needs to work the same way on mobile and web.

    • NC for Hire

      not sure why my reply below is being marked spam..

  • NC for Hire

    Here is one you can play around with..

    If you need help making it work let me know...

    • Hi JFarrow I would like to get this look with this transition with the icon at the bottom

      https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_overlay

      Tryit Editor v3.5
    • I put it on my site need help to make it work.

       

      • NC for Hire

        Which one?  If you are trying to use the one from the link you provided you would first add this to your Design Studio CSS:

        .overlay {
        height: 100%;
        width: 0;
        position: fixed;
        z-index: 1;
        top: 0;
        left: 0;
        background-color: rgb(0,0,0);
        background-color: rgba(0,0,0, 0.9);
        overflow-x: hidden;
        transition: 0.5s;
        }

        .overlay-content {
        position: relative;
        top: 25%;
        width: 100%;
        text-align: center;
        margin-top: 30px;
        }

        .overlay a {
        padding: 8px;
        text-decoration: none;
        font-size: 36px;
        color: #818181;
        display: block;
        transition: 0.3s;
        }

        .overlay a:hover, .overlay a:focus {
        color: #f1f1f1;
        }

        .overlay .closebtn {
        position: absolute;
        top: 20px;
        right: 45px;
        font-size: 60px;
        }

        @media screen and (max-height: 450px) {
        .overlay a {font-size: 20px}
        .overlay .closebtn {
        font-size: 40px;
        top: 15px;
        right: 35px;
        }
        }

         

        and then add this to a below header module inside sites and pages:

        <div id="myNav" class="overlay">
        <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
        <div class="overlay-content">
        <a href="#">About</a>
        <a href="#">Services</a>
        <a href="#">Clients</a>
        <a href="#">Contact</a>
        </div>
        </div>

         

        and finally add this to your Custom Code Footer:

        <span style="font-size:30px;cursor:pointer" onclick="openNav()">&#9776; open</span>

        <script>
        function openNav() {
        document.getElementById("myNav").style.width = "100%";
        }

        function closeNav() {
        document.getElementById("myNav").style.width = "0%";
        }
        </script>

         

         

        i haven't tried it myself, but i imagine it will work...let me know if not..

  • It is working great! Thanks for your help JFarrow.

This reply was deleted.
 

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

Tim replied to Anastasia_Ning_Support's discussion
What’s New on NING: Recap of the Latest Updates
"Perfect, works now, thank you!"
4 hours ago
Unpwn Producer replied to Unpwn Producer's discussion
I need to secure my site
"Thank you!! I've been really busy and haven't had time to mess with things I'm not familiar with, h…"
5 hours ago
Anastasia_Ning_Support replied to ⚡JFarrow⌁'s discussion
Question about "What's New With Ning" Module
"Hello Justin!
I have asked around, and if I understood your question correctly, you will not really…"
5 hours ago
Anastasia_Ning_Support replied to Anastasia_Ning_Support's discussion
What’s New on NING: Recap of the Latest Updates
"Hello again!
We have refreshed a few things on our end and now the search results should display al…"
6 hours ago
Anastasia_Ning_Support liked ⚡JFarrow⌁'s discussion New App for Getting Help with Your Ning Community
6 hours ago
Anastasia_Ning_Support replied to Anastasia_Ning_Support's discussion
What’s New on NING: Recap of the Latest Updates
"Hello Tim!
Advance search should find single words as well. I will send your network to our tech te…"
6 hours ago
Splisk, Jimi le Roux, Christine Brumback and 1 more joined Ning Creators Social Network
6 hours ago
Matt replied to Garfield Archivist's discussion
Javascript Edits
"nice"
8 hours ago
Stan updated their profile photo
11 hours ago
Garfield Archivist replied to Garfield Archivist's discussion
Javascript Edits
"Thank you so much Matt. I used your code to get to my ideal solution but I could not have gotten th…"
15 hours ago
Matt replied to Garfield Archivist's discussion
Javascript Edits
"have a play with following: ning 2
<script>{x$('.xg_headline').insertAfter('.vid_container');}</scr…"
18 hours ago
Garfield Archivist posted a discussion
Quick questions: There are css edits you can do on Ning and those are relatively simple but does an…
yesterday
More…

Meanwhile, you can check our social media channels