Medium-only footer widgets

  • Resolved Ciredor

    (@ciredor)


    10 years, 9 months ago

    What i want to do is to have 2 row footer widgets on medium screen only. Looked into code and found this :

    s		switch ( $count ) {
			case '1':
				$class = 'medium-12 large-12';
				break;
			case '2':
				$class = 'medium-12 large-6';
				break;
			case '3':
				$class = 'medium-12 large-4';
				break;
		}

    I know i can simply change medium-12 to medium-6 in case 2 and 3 but in case 3 last widget will be taking only half available space.

    It is possible to change medium-6 to medium-12 class ONLY to widget 3 in case 3 (3 widgets active) ?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author ThemeAWESOME

    (@tsquez)

    10 years, 9 months ago

    You have to remember foundation is based on the 12 so every thing has to equal 12.

    Hence case 1 (meaning one widget) fills 12 columns, case 2 (meaning two widgets), each one fills six columns, case three (meaning three widgets) each one fills four columns.

    So you can do whatever you want, just as long as everything equals 12.

    Thread Starter Ciredor

    (@ciredor)

    10 years, 9 months ago

    It’s complicated so maybe my explanation was not enough.
    I changed case 3 to:

    case '3':
$class = 'small-12 medium-6 large-6';

    so even if there’s 3 widgets all of them take half space (6/12columns). But the problem is that the columns value is set the same for all widgets.

    So i get 6+6+6 columns and another 6 empty like on the left:
    http://i.imgur.com/aPmbSpc.jpg
    and i would like to set only last widget to take 12 columns like on right.

    Theme Author ThemeAWESOME

    (@tsquez)

    10 years, 9 months ago

    I understand what you want to do completely. However I would consider this a “how to” question which I covered here https://ww.wp.xz.cn/support/topic/support-issue-clarification?replies=1

    Also you need to review the foundation docs on the grid which can be found here: http://foundation.zurb.com/docs/components/grid.html

    I think that once you have a better understanding of what you can do with the grid, you will be able to do exacly what it is your trying to do.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Medium-only footer widgets’ is closed to new replies.