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

marie replied to marie's discussion
NING BUILDER CAN'T LOAD YOUR PROJECT
"OK I have done some testing and digging and have found that the problem persists on Chrome (i have…"
4 hours ago
marie posted a discussion
HelloAm I the only one getting this message when I try to "edit layout and content" ?It's been goin…
4 hours ago
Kos replied to Alex's discussion
Missing images???
"Don't know but they need to explain it better.  Call them - phone # is on your Support page"
7 hours ago
Fabricio Giugni replied to Fabricio Giugni's discussion
A list of Problem just growing...
"The link is broken"
12 hours ago
Fabricio Giugni replied to Fabricio Giugni's discussion
Like button is not working
"Hi there,    It worked. I would like to have Like option as close it can be from Like button from F…"
12 hours ago
marie replied to Alex's discussion
Missing images???
"I dont know, but images and links disappear on a regular basis for me too"
yesterday
marie replied to marie's discussion
Landing page navigations do not show menus on mobile screen
"and yes, it helps a lot :-)
 "
yesterday
marie replied to marie's discussion
Landing page navigations do not show menus on mobile screen
"I've tried just pasting this code in, but it messes things up (yes, i'm a newbie)
 "
yesterday
marie replied to marie's discussion
Landing page navigations do not show menus on mobile screen
"Thank you Jfarrow,
I had reset the page you see to be the homepage temporarily in order to make wor…"
yesterday
marie replied to marie's discussion
Landing page navigations do not show menus on mobile screen
"Hello Anastasia
That is a big improvement. Thank you
Now what i need is for the background to chang…"
yesterday
⚡JFarrow⌁ replied to marie's discussion
Landing page navigations do not show menus on mobile screen
"The mobile navigation on N3 should be functional right out of the box.  When you add other code, ho…"
yesterday
Alex posted a discussion
I am told by Support that the reason why images are not loading on our website is because of a “Mes…
yesterday
More…

Meanwhile, you can check our social media channels