Bumping on Safari too

Hello!

My site is not yet public but I can share a user login privately.

You can send me email from here: https://www.q2w3.ru/contacts/

Also consider using the position:sticky that only works on Safari and iOS.

I have tested position:sticky and my conclusion – there is no advantages over standard position:fixed (for sidebar widgets). It’s even harder to make widget sticky! The problem is in sidebar height which limits sticky area! To make it work you need to match sidebar height and main content height. It’s not possible automatically!

I think Apple should fix bugs in Safari fixed positioning and not to invent bicycle )

Recieved your mail.

You can make it working on Safari! Just a little CSS change:
1. application.css:6908. Remove this style:

#content {
  right: 33.33%
}

2. application.css:6925. Remove style:

#sidebar {
  left: 66.66%;
}

3. application.css:6919. Change float:left to foat:right:

#sidebar {
float: right;
width: 33.33%;
}

Thanks a lot, I managed to make it work!

I was using “pull” and “push” classes from Bootstrap 3 to invert the two columns.
TO fix it, I just stopped inverting the columns and changed the column order the the template.
Cheers!