No worries, thanks for the reply. Hmm don’t think that will work as I want two different images for the two sizes in the same color section.

So I would need one image for the 480px and another for the 767px, and another for 1300px, etc. to have complete control of what shows on what screen size.

This possible?

Thanks for the response Vinay. What about just excluding the page when viewed at a certain size?

Also, is it possible to have the sticky sidebar start being fixed at a certain point when scrolling down? For example, I don’t want the sidebar to stick and move with the page right away, only until the user has reached a certain point on the page when scrolling. In other words can I delay when the sticky left sidebar starts sticking?

Check out the link below Ismael. The sidebar on the right only starts sticking when the user has scrolled a certain amount down the page. In the case of my sticky bar it sticks right away, which I want to delay a bit like the link shows.

http://philipwalton.github.io/polyfill/demos/position-sticky/

Hi Ismael,

The grid row I had at the bottom of the page is exactly what was wrong, good catch and thank you for taking time to look into my mistake :)

New problem, now that I’ve reintroduced the sidebar on the http://everaardtechniek.nl/occasions/ it doesn’t match the CSS styles I’ve added to look like http://everaardtechniek.nl/test-sidebar/ . Perhaps something on the occasions page is conflicting with it?

Also, is it possible to have the sticky sidebar start being fixed at a certain point when scrolling down? For example, I don’t want the sidebar to stick and move with the page until the user has reached a certain point on the page when scrolling. In other words can I delay when the sticky left sidebar starts sticking?

Thanks!

Thanks!

Yigit,

Wow! That’s a small thing to throw it out of whack. Thank you for reviewing that!

Reason I did that is to have the code there in case I needed it but as an inactive piece of code. Guess I should not do that!

Rikard, Ismael & Yigit thank you all for your help.

10/10 support

Not sure if the first private content worked, but here is the info again just in case.

Thanks in advance

Ismael, I figured it out!!!

I can just use a grid row and put all of my layout elements in there. This way I have much more control over everything and nothing gets pushed down as it’s all in the same cells of the grid.

Thanks for the help, though!

Ok, now I’m getting somewhere based on your suggestion. I’ve got all of my main content in one 2/3rd box and the sidebar in a 1/3rd box to the right.

Check it out here: http://urbancrochet.com/?page_id=2647 I will refer to this page as HOME 2

Some questions regarding my main content

1. If you refer to my other page where I used an actual sidebar here: http://urbancrochet.com/?page_id=2590 (we’ll call this HOME 1) you can see that my main content images, like starter kit image, yarn image, etc, have a nice pop in animation when you scroll. I would like to do this on HOME 2. Problem is in HOME 2 the picture and text are in one text box, so I can’t manipulate the image as much to do that animation.

Is there a way to add a media element, then to the right of it a text box if it’s in the same 2/3rds column? It can be done if they are on top of one another vertically, but haven’t figured out how to do it side by side in one column. In HOME 1 I used two columns to achieve this which I can’t do as I’m reduced to using only 1 column for all of my main content.

2. In the event I have to keep the picture & text in the same text box can I add more padding between the picture and the text? The picture on the right and text on the left are quite close to each other using this method.

3. Still styling the sidebar so ignore the crazy alignment stuff :p but can I add a vertical separator line like the sidebar in HOME 1 has?

Thank you so much, I appreciate your help Ismael

That works great. Problem is though my sidebar pushes down the next set of 1/3rd boxes that are underneath those initial 1/3 boxes

So the longer the sidebar the further my next line’s content gets pushed down if that makes sense. Here is an example of what’s happening: http://i.imgur.com/vzgGKav.png

desired effect: http://i.imgur.com/IltbgN7.png

I could split the sidebar in two, but that doesn’t look too great.

What if use the footer as my “color section” area? I don’t need an extensive footer and I could throw a custom color, a title, & some book links in there. What do you think?

Thanks for the help so far, Elliott

Ok, found another sidebar plugin. So my sidebar is looking better (with the exception of the bullet on the title of each sidebar section, but I’ll figure that out I hope).

I would like to add a color section below the sidebar right above the footer. I understand this isn’t possible with how wordpress works. I’ve found in other threads that you can make a 2/3 column & a 1/3 column and add in the widget sidebar into the 1/3 column. This works great, however, the 1/3 column with my sidebar pushes down the 2/3 column content underneath the other 2/3 column content to where the fake sidebar column ends.

Is there a way to do that layout where the fake sidebar column doesn’t push down the next line’s main content?

Refer to my screenshot above to get an idea of my desired layout