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

⚡JFarrow⌁ replied to ⚡JFarrow⌁'s discussion
Tip: How to Add an Easy to Manage News Ticker
"View the demo full page here"
10 hours ago
Fabrizio Lavado replied to CJ Coster's discussion
SSL
"Hi Kyril. I have similar issue with my SSL certificate. Same as CJ Coster and J.Ayvar. I have writt…"
13 hours ago
Fabrizio Lavado replied to Fabrizio Lavado's discussion
HTTPS Network
"An error message appears stating that my certificate is invalid. I have been confirmed by Godaddy t…"
14 hours ago
⚡JFarrow⌁ replied to Ceddy J's discussion
GDPR Compliant?
"I tested several Ning sites using this tooland they all seem to have the same issues with GDPR
Wond…"
14 hours ago
Fabrizio Lavado replied to Fabrizio Lavado's discussion
HTTPS Network
"Hi. I have uploaded certificate and key, and activated SSL on my network. But it failed to show my…"
18 hours ago
Suzie Nielsen replied to Suzie Nielsen's discussion
Leaderboards
"Thanks!! You have been so helpful! I appreciate you!"
yesterday
Annabel Gregory replied to Annabel Gregory's discussion
Broadcast message not received
"Sorry, I've just spoken to somebody else at Virgin Media who gave me a totally different story. It'…"
yesterday
Laszlo Czinege replied to Kyryl_Ning_Support's discussion
SSL certificate feature release
"Thank you Kyryl, you are very kind."
yesterday
Annabel Gregory replied to Annabel Gregory's discussion
Broadcast message not received
"Virgin Media say that these IP addresses are not blocked by them.
 "
yesterday
Annabel Gregory replied to Annabel Gregory's discussion
Broadcast message not received
"Many thanks for your explanations, Kyryl. I will check the first issue out (and it was useful to ha…"
yesterday
Kyryl_Ning_Support replied to Annabel Gregory's discussion
Broadcast message not received
"Hi there!
The broadcast messages and regular notifications could be sent from different mailing ser…"
yesterday
Kyryl_Ning_Support replied to Suzie Nielsen's discussion
It's a disappearing act!
"Hi there!
Please check my reply here.
Best wishes,
Ning Team."
Friday
More…

Meanwhile, you can check our social media channels