Vertical Navigation Plugin from Semper Fi

[Russell Hurst 0]

I've been using Semper Fi's Vertical Navigation plugn for quite a while and my site (ropesdirect.co.uk) is very much built around it. I'm desperate to have it modified as it doesn't work well with tablets however I see that Semper Fi after a year of not responding to enquiries has completely gone now.

Is there anyone familiar with Daren's coding who might be able to find a way adding in settings for Tablets? Screenshot attached.

My website is looked after by the excelent team of Ian at Havensift and Alec at Noodleman whom I totally rely on, so any proposed program changes would need to be vetted by them.

Cheers,

Russell

[Al Brookbanks 199]

He's completely vanished sadly. I've tried contacting him to see if we can find a way to continue listing his extensions but no response.

Alec & Ian certain is a great team to work with.

[Russell Hurst 0]

Thanks for the quick response Al. I did notice that all of his extensions had been taken down. Oh well

 

[bsmither 1,439]

Is there a website we can see?

 

[Russell Hurst 0]

www.ropesdirect.co.uk and the problem is with most tablets/iPads 

[Dirty Butter 727]

The FireFox Responsive Design mode shows our navigation correctly for an IPad using SFWS Vertical navigation. Now I'm wondering if it looks ok on an actual IPad. plushmemories.com/lovie-shoppe

[bsmither 1,439]

The layout switches from "Small" (mobile) to "Medium" (pads) at 640px wide, and from "Medium" (pads) to "Large" (desktop) at 1024px. With respect to that, this is normal Foundation behavior.

With the skin you are using, at "Small", most of the Header (and Documents) and the horizontal Navbar collapse into the hamburger menu. At "Medium", everything is restored with the only difference compared to "Large" is that the Vertical Menu sits atop the Homepage document instead of sitting atop the sidebar (Featured, Best Sellers, etc.).

So, at "Medium", where do you want the Vertical Menu to appear?

 

Plush Memories keeps the sidebar at "Medium". That might be a function of the skin.

[Russell Hurst 0]

I'd be happy at medium taking on the appearance of large, so atop the sidebar. Ian & Alec have been trying to find a way of doing this without success.

[bsmither 1,439]

You will need to find the appropriate template. I think it should be main.php.

Look for:
<div id="{$SECTION_NAME}Sec">
  <div class="row">
    <div class="large-3 medium-12 small-12 columns">

Change the third line above to:
    <div class="large-3 medium-4 small-12 columns">
      
      
A few lines later:
    <div class="large-9 medium-12 small-12 columns">

Change the line above to:
    <div class="large-3 medium-8 small-12 columns">

You may need to have Smarty clear its skin cache.

As it is for Large, both divs sit beside each other because their sum equals 12 columns. At Small and Medium, each div takes all 12 columns, so they stack (actually, at Small, other layout features come into play).

By making sure, at Medium, the two divs sum up to 12 columns, they will sit beside each other.

[Russell Hurst 0]

Thank you so very much for this - all looking much better now

Kind regards,

Russell