Jump to content

Foundation top bar full page width


huggettm
 Share

Recommended Posts

I lied, I figured it out.

In /foundation/templates/main.php

 

            <div class="row">
               <div class="small-12 columns small-collapse">
                  {include file='templates/box.navigation.php'}
                  <div class="hide" id="val_lang_back">{$LANG.common.back}</div>
               </div>
            </div>

Make it

            <div class="row row-mod">
               <div class="small-12 columns small-collapse">
                  {include file='templates/box.navigation.php'}
                  <div class="hide" id="val_lang_back">{$LANG.common.back}</div>
               </div>
            </div>

then go to foundation/css/foundation.css and add

.row-mod {
    max-width: none !important;
  }

 

 

  • Like 1
Link to comment
Share on other sites

I'm sure it's possible, I just nuked my foundation skin on my test site so I'll have to get back to you on that.

 

Edit: Nah, the foundation skin of cubecart is based on Foundation 4, sticky elements seem to be a 5 onwards thing. I tried to just "upgrade" to 6 but it seems they changed how everything works at some start cause that causes some massive error.

Seems like it would require alot of work to get foundation 6 to work, I'm not sure why though as the grid system isn't greatly changed at any rate.

... even later....

Yeah, I got it to stop throwing all the errors at me, will require quite a bit of reworking as they's changed how it all works. 

I would consider it, but I decided for bootstrap instead as it vaguely makes more sense to me.

 

Edited by Lastwolf
Link to comment
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.

 Share

×
×
  • Create New...