[Solved] Change Banner to Left Side

[motion2082]

Hi guys,

How would I go about changing this banner ribbon to the right side of the container?

http://www.bypeople.com/css-hover-effect-side-ribbon/

[motion2082]

My progress so far http://codepen.io/motion2082/pen/qdbwYK

[motion2082]

Ok almost there http://tinyurl.com/pp9rfoh

Can you guys please help me?

There is unwanted padding below the MENU

[Paulie_D]

There is unwanted padding below the MENU

It’s not padding…it’s actually the inline-block div..it looks like it needs positioning.

.ribbon1-container {
  position: relative; /* make this absolute */
  display: inline-block;
  line-height: 1;
  margin: 0px 0px 0px 0px;
}

[motion2082]

Hi PaulieD

that may be it…

Yep that was it, thank you!!

Save me losing another 2 hours of downtime

Looking to hide on Mobile and Tablets, any tips on media queries I might need?

[Paulie_D]

any tips on media queries I might need?

Pick the ones that fit your design…don’t target specific devices.

[Author]

Posts