Forums

Responsive superfish - subitems

Permalink
Hi,

I just working on a responsive superfish menu.
It's working but i'm not able to show sub-items when in Mobiel or Tablet resolution.

I need to remove the link of my first parent element in the menu to be able to use javascript to tell my superfish menu to dropdown the sub elements.

And / OR

Is there a way to automat this rewritting with superfish :
<li>
   <a href="#">The Room</a>
    <ul>
        <li><a href="#">Garden View</a></li>
         <li><a href="#">Simming-Pool View</a></li>
         <li><a href="#">River View</a></li>
    </ul>


to

<li>
   <a href="#">The Room</a>
   <div class="mobnav-subarrow"></div>
    <ul>
        <li><a href="#">Garden View</a></li>
         <li><a href="#">Simming-Pool View</a></li>
         <li><a href="#">River View</a></li>
    </ul>


Thanks in advance for any help.

Chris
chrismodlao
 
ronyDdeveloper replied on at Permalink Reply
ronyDdeveloper
Maybe the below link will help you:
http://woolydeer.com/2012/responsive-navigation-superfish.html...

Rony
chrismodlao replied on at Permalink Reply
chrismodlao
Hi,

I already check this one.
I ended up with a working menu but i soon as i use concrete5 and automate the menu items with the one i introduce in the sitemap, the CLICK function works, open the sub items and send me back to the parent link.

That's why i try to find a way to remove link on parent.

so it means i can use some code to tell the sub menu to show when in small screen.

Chris
ronyDdeveloper replied on at Permalink Reply
ronyDdeveloper
Then i think the best approach will be, just use superfish for normal window and use any responsive menu for iPhone, mobile and tables.

You can simply do this by using css @media query. e.g. 
@media (max-width: 768px) {
.sf-menu{display:none !important}
.resp-menu{display:block}
}


Rony
chrismodlao replied on at Permalink Reply
chrismodlao
hey,

Yes i think that it will be the most easy thing to do.
I give a try later on.
But i try something before changing all my css.

Thanks

Chris

This website stores cookies on your computer. These cookies are used to improve your website experience and provide more personalized services to you, both on this website and through other media. To find out more about the cookies we use, see our Privacy Policy.