• Hi,

    At a @media break point I would like the sidebar content to go from vertical to horizontal? Anybody know of a tutorial that will show me how to do this?

    Thanks

Viewing 4 replies - 1 through 4 (of 4 total)
  • in what theme?

    Thread Starter skeeterz71

    (@skeeterz71)

    I created my own theme using the _s aka underscores.me as my starting point. Automatic makers of WordPress made it, so I am guessing sidebar widget is a sidebar widget is a sidebar widget:) Theme shouldn’t matter.

    sidebar widgets can have any amount and kind of HTML which can be formatted with any amount and kind of CSS – and that is highly theme dependent.

    as with all formatting questions – Theme does matter.

    something like this might work specifically for Twenty Fourteen:

    @media screen and (max-width: 1008px) { /*adjust widgets when sidebars drop down*/
    	.primary-sidebar .widget {
    		width: 22%;
    		float: left;
    		margin-right: 3%;
    	}
    	.primary-sidebar .widget:nth-child(4n+1) {
    		clear: left;
    	}
    }

    Thread Starter skeeterz71

    (@skeeterz71)

    Thanks for the replay. I tried that code with some adjustments. It didn’t work. After some research I found a theme called hemingway https://wordpress.org/themes/hemingway that appeared to have a horizontal sidebar in the footer. So I downloaded it and explored some. The way they did it is made 4 footer widgets that sit side by side. I am thinking I may do the same. This way I can set display to none on the sidebar widget at a break point and then display the footer widgets at that break point. I’m gonna explore that theme a little more and see how they did stuff..

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Is there a way to @media display the sidebar horizontially?’ is closed to new replies.