Menu icon Foundation
  • 12316 POSTS

  • Create Post
Show Filters

Results for: width


How can I make a topnav

  • item wider without messing up the collapse feature on small screens?

    topbarnavnavigationwidth


    • 3new
      Replies
    • Sticky top bar width

      By Prr, last Reply by James almost 4 years ago

      Hi all, i'm trying to customize the width of a sticky top bar. My goal is to have it integrated in a centered content block (see here: http://i.imgur.com/991gfj8.png), and to remain inside it when the user scrolls past it. However at this point it cur... (continued)

      topbarwidthstickycontain to grid


    Hi all, i'm trying to customize the width of a sticky top bar. My goal is to have it integrated in a centered content block (see here: http://i.imgur.com/991gfj8.png), and to remain inside it when the user scrolls past it. However at this point it cur... (continued)

    topbarwidthstickycontain to grid



    I am somewhat new to Foundation and am trying to work out a layout with three columns. The left col needs to be 260px fixed width. The middle and right cols need to have min- and max- widths, with the right col being the one able to expand the most. Al... (continued)

    fixedwidthscroll



    I tried googling and searchin the docs but could not find a reply to this. I want to know How i can modify the width of a Single column to the width of the screen instead of modifying $row-width in scss which modifies all columns

    widthcolumns



    I had previously used Foundation 3 and 4, and was just getting a new site set up with version 5. I immediately noticed that the full width is narrower than in previous versions--at least, for the monitor I'm using (which hasn't changed). Did Foundation... (continued)

    full widthwidth1200pxlarge-12large screen


    • 2new
      Replies
    • Full width pages

      By Dean, last Reply by Bruno over 3 years ago

      Hi, I'm currently experimenting with various layouts and wondered how i go about my images etc full width? At the moment i'm struggling to see how i do this. I would like the SLIDE IMAGE to by full width across my page. Thanks!

      width


    Hi, I'm currently experimenting with various layouts and wondered how i go about my images etc full width? At the moment i'm struggling to see how i do this. I would like the SLIDE IMAGE to by full width across my page. Thanks!

    width



    I'm using the "Store" template on Foundation 5 & I'm trying to get the thumbnail images to all resize themselves to a specific width. I tried adding a wrapper but that didn't work. Below is the excerpt of code I'm trying to alter. Any ideas? Thanks

    width



    I am trying to make a nav bar that is centered, but that is spread wider. For instance, with the code below the nav bar is 440px wide, but I would like to increase the width of each item in the list so that the entire bar takes up, say 1200px. How can I a... (continued)

    top-bartop bar sectionwidthgrid



    Hi there, I'm looking to use Foundation for a new project, which has to be full screen (width and height), with a fixed header (always visible), and fixed footer (always visible). I browsed many examples and posts, but I saw none of these dealing wit... (continued)

    fullheightwidthheaderfixed



    Is it possible to have 5 standard Foundation tabs evenly span the width of the window? In the example of 5 tabs each one would take up 20% of the screen?

    tabsspanwidthfullevenevenly



    I look for the width of the large-12 grid? Is 970px correct?

    widthgridfullpx



    Is there a possibility to have different widths of off-canvas menu at different media queries? What I would like to make it work is on desktop to have width:20rem which is already set in _settings.scss file and on mobile width:100%; so its full screen. ... (continued)

    off-canvasmedia-querieswidth



    Hi, I'm trying to create an off canvas menu similar to http://pollenlondon.com/ How and where can I modify the width of the off-canvas which is around 250px by default to 80% ? If you have a non-Sass solution, in advance thanks ! Alex

    off-canvasoff canvasmenuwidth


    • NEW
    • Foundation 4 - div width

      By Giovanni about 3 years ago

      Hello everybody! I would like to set the width of my div element with SCSS. The first idea for me was to do something like it #container{ @include grid-row; @include panel; } .item{ @include grid-column(3); @include box-shadow(rgba(0,... (continued)

      Foundation 4widthgrid


    Hello everybody! I would like to set the width of my div element with SCSS. The first idea for me was to do something like it #container{ @include grid-row; @include panel; } .item{ @include grid-column(3); @include box-shadow(rgba(0,... (continued)

    Foundation 4widthgrid



    So I was working on an emailer using the ink framework, and the inliner this morning. I noticed that about an hour ago, my test emails started getting displayed at 50% width in Apple mail on my phone. I thought it was some of my css/html so I reverted... (continued)

    inkFoundationwidthcssinlinerapplemail



    I'm trying to figure out how to make the tabs component for Foundation 5 stretch the entire width of the browser proportionally. If anyone knows how to do this that would be great thanks!

    tabsbrowserwidthFoundation 5



    Hey, I have looked in global.scss (where I'd expect to see it), but does something like this exist in the codebase?: @mixin float($float: none, $width: 0) { float: $float; width: $width; } Yours hopefully,

    floatwidthmixin



    Hey guys, I've a problem. In my example (http://demo.internisten-wuppertal.de/) you will the the Orbit-Slider with of width of 1000px. Is there a way to add a pedding to it (left & right: 15px) like in the rest of the page? So that the Slider is 970px wi... (continued)

    OrbitsliderwidthfullSizegrid9701000pxpixel



    Hi Gang, I've been developing with foundation with Wordpress for a few months now and have been falling in love. What a great framework! I'm using the Reverie to build out my themes. I've got a pecu... (continued)

    iphoneResponsivewidth



    I'm currently having issues with the width of the website. It was working perfectly fine before I added new buttons to the navigation bar. Now, my pages are leaking over to a second layout like the one you see there. Do you have a solution that I can use ... (continued)

    widthgridFoundation 5