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