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

FORUM

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.

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

Michelle Gilbert, CA, APAIA liked ⚡JFarrow⌁'s video in Ning Powered Events
yesterday
J.Ayvar replied to Paul Corona's discussion
Mobile Version- Open to Desktop View
"Hello @ Paul. Ning 2  should be responsible .i am wating for these feature too."
yesterday
⚡JFarrow⌁ replied to ⚡JFarrow⌁'s discussion
Thank you Ning! SEO Improvement Features!
"Thank you Anastasia.. have a great weekend"
yesterday
Anastasia_Ning_Support posted a discussion
 
Hello everyone!
Are you ready to level up your marketing skills? Join our new webinar on August 2…
yesterday
Paul Corona posted a discussion
Ok- I'm a diehard desktop user but once in awhile I'll check our site on my phone.....Since most pe…
yesterday
Alessandro replied to SweetPotato's discussion
Ning 3.0 Tip: Infinite Scroll for Photos (Loading More Images ... )
"I found out for groups! Groups are loading automaticatlly on scroll!
In itemSelector you need to ch…"
yesterday
Anastasia_Ning_Support replied to ⚡JFarrow⌁'s discussion
Thank you Ning! SEO Improvement Features!
"Hi! 
Thank you for your feedback! We are preparing an announcement with several minor updates that…"
yesterday
Oluwadamilola Taiwo Oyebanji, Donnie Belcher, Moses David and 3 more joined Ning Creators Social Network
yesterday
Groudswell replied to Groudswell's discussion
Editing Sign-up Page - Adding a link and Paypal Button
"We have looked into this, but don't think it will work for us.  Will it support autorenew on either…"
Friday
⚡JFarrow⌁ replied to ⚡JFarrow⌁'s discussion
Thank you Ning! SEO Improvement Features!
"It would be cool if there could be an option to specify a custom image for social media shares..."
Thursday
Rex updated their profile
Thursday
samuel francisco updated their profile
Thursday
More…

Meanwhile, you can check our social media channels