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.
 

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

This Is bully replied to Anastasia_Ning_Support's discussion
Why should I migrate?
"DO you have google ads that can earn you a few hundred bucks a month."
15 hours ago
⚡JFarrow⌁ updated their profile
16 hours ago
Scott Bishop replied to Scott Bishop's discussion
301 Redirect to Subdomain
"I have figured this out and created a new thread for it over at: https://creators.ning.com/forum/to&hellip;"
17 hours ago
Scott Bishop posted a discussion
In this example I will be using "community" as the subdomain. This will also carry over all your SE…
17 hours ago
Fashion replied to Anastasia_Ning_Support's discussion
Why should I migrate?
"If I am understanding the pricing properly, if I move from Ning 2.0 to Ning 3.0 it will "double" my…"
21 hours ago
This Is bully replied to Anastasia_Ning_Support's discussion
Why should I migrate?
"It’s actually free on 3.0 they just take a fee 3% on each transaction"
22 hours ago
Greg Fultz, mohd iqbal jafri, Edin Dulovic and 3 more joined Ning Creators Social Network
yesterday
Scott Bishop replied to Scott Bishop's discussion
301 Redirect to Subdomain
"I beleive I may have this figured out. Dashboard > Tools > Domain Mapping. Then in the text box for…"
yesterday
Fashion replied to Anastasia_Ning_Support's discussion
Why should I migrate?
"Unfortunately, I am not sure that anyone would pay $1. Even though I pay several hundred dollars f…"
yesterday
Scott Bishop replied to Scott Bishop's discussion
301 Redirect to Subdomain
"Oh, I didn't realize that www is actually considered subdomain. I've got no problem dropping the ww…"
yesterday
⚡JFarrow⌁ replied to Scott Bishop's discussion
301 Redirect to Subdomain
"well, both www and community would be subdomains so www.community.surfershot.com may not work...hav…"
yesterday
Scott Bishop posted a discussion
Does anyone know the best way to redirect our mysite.ning to a subdomain (community.). I already ha…
yesterday
More…

Meanwhile, you can check our social media channels