Jump to content

Vertical Navigation Plugin from Semper Fi


Recommended Posts

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

Admin_Control_Panel Vertical Navigation.png

Link to post
Share on other sites

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.

Link to post
Share on other sites

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.

  • Thanks 1
Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...