I have a TopNav project using the Slide-out navigation menu on the left-hand side and the client wants this to become fixed. I can't find a setting to do this.
If it's not possible to have this remain in the Slide-in position, can it be deleted or suppressed?
Slide-in/Slide-out to fixed?
Re: Slide-in/Slide-out to fixed?
The slide-out menu can't be fixed.
If your client wants a permanent side menu, then perhaps:
* Use the tripane skin.
* Set up a master page with two columns, containing the menu proxy (not context sensitive) and the body proxy.
Not sure what you mean by suppressing the menu, but you can adjust the responsive breakpoints in the skin to choose when it changes from a normal (drop-down) menu to a slide-in menu.
If your client wants a permanent side menu, then perhaps:
* Use the tripane skin.
* Set up a master page with two columns, containing the menu proxy (not context sensitive) and the body proxy.
Not sure what you mean by suppressing the menu, but you can adjust the responsive breakpoints in the skin to choose when it changes from a normal (drop-down) menu to a slide-in menu.
Re: Slide-in/Slide-out to fixed?
Thanks, Dave. I had a feeling it wasn't going to be easy. The tripane skin disables other features we're using, so I'll need to look at the two-column approach.
Re: Slide-in/Slide-out to fixed?
Creating columns is fairly easy - you could add a new Responsive Layout, or just use the Foundation Grid classes which are already included in HTML5 outputs.Perrorist wrote:Thanks, Dave. I had a feeling it wasn't going to be easy. The tripane skin disables other features we're using, so I'll need to look at the two-column approach.
Re: Slide-in/Slide-out to fixed?
Dave, I've looked at the Foundation classes from Zurb, but when I applied this piece of sample code, it wasn't accepted by Flare. Does that mean not all the classes are included?
Code: Select all
<div class="row" data-equalizer data-equalize-on="medium" id="test-eq">
<div class="medium-4 columns">
<div class="callout" data-equalizer-watch>
<img src= "//foundation.zurb.com/sites/docs/assets/img/generic/square-1.jpg">
</div>
</div>
<div class="medium-4 columns">
<div class="callout" data-equalizer-watch>
<p>Pellentesque habitant morbi tristique senectus et netus et, ante.</p>
</div>
</div>
<div class="medium-4 columns">
<div class="callout" data-equalizer-watch>
<img src= "//foundation.zurb.com/sites/docs/assets/img/generic/rectangle-1.jpg">
</div>
</div>
</div>
Re: Slide-in/Slide-out to fixed?
Not all of Foundation is included, but the Foundation Grid classes are: http://foundation.zurb.com/sites/docs/grid.htmlPerrorist wrote:Dave, I've looked at the Foundation classes from Zurb, but when I applied this piece of sample code, it wasn't accepted by Flare. Does that mean not all the classes are included?
Your grid classes will work, but you can't use things like the equalizer and callout classes that you added.
The reason that Flare didn't accept your code is because although it's valid HTML, it is not valid XHTML.
Properties in XHTML must have a value, even if it's empty.
For example, you can't use
<div class="row" data-equalizer ..
it would have to be
<div class="row" data-equalizer="" ..
Re: Slide-in/Slide-out to fixed?
Once again, thanks for your help, Dave. My education continues...