Title: Problem with colums
Last modified: June 30, 2020

---

# Problem with colums

 *  Resolved [raphaelibele](https://wordpress.org/support/users/raphaelibele/)
 * (@raphaelibele)
 * [6 years, 1 month ago](https://wordpress.org/support/topic/problem-with-colums-2/)
 * Hey, i am using your plugin with the ux builder (flatsome theme).
    Some devices
   show this issue: [https://ibb.co/B2XYZrq](https://ibb.co/B2XYZrq)
 * Is there a way to fix it?
 * Thanks a lot!
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fproblem-with-colums-2%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  [Manuel Rocha](https://wordpress.org/support/users/manuelrocha88/)
 * (@manuelrocha88)
 * [6 years, 1 month ago](https://wordpress.org/support/topic/problem-with-colums-2/#post-13056717)
 * [@raphaelibele](https://wordpress.org/support/users/raphaelibele/) how can I 
   replicate this?
 *  Thread Starter [raphaelibele](https://wordpress.org/support/users/raphaelibele/)
 * (@raphaelibele)
 * [6 years, 1 month ago](https://wordpress.org/support/topic/problem-with-colums-2/#post-13057418)
 * I think when you load the page on ipad and change it to long side…
 *  Thread Starter [raphaelibele](https://wordpress.org/support/users/raphaelibele/)
 * (@raphaelibele)
 * [6 years, 1 month ago](https://wordpress.org/support/topic/problem-with-colums-2/#post-13058626)
 * the problem apparently also occurs with firefox
 *  [Manuel Rocha](https://wordpress.org/support/users/manuelrocha88/)
 * (@manuelrocha88)
 * [6 years, 1 month ago](https://wordpress.org/support/topic/problem-with-colums-2/#post-13059016)
 * [@raphaelibele](https://wordpress.org/support/users/raphaelibele/) is it possible
   to move the sticky class to the next div and check if it solves the issue? Check
   screenshot
 * [https://u.pcloud.link/publink/show?code=XZTlUIkZSIpS7xCgsy54xx2BoDme4uC2KWQ7](https://u.pcloud.link/publink/show?code=XZTlUIkZSIpS7xCgsy54xx2BoDme4uC2KWQ7)
 * The problem is that the content page have two-column, one with 4 and another 
   with 8 of size… When You set stick class to the 4 one it is actually moved from
   the place which makes the bootstrap to think that It has to move the column 8
   to the left.
 * Chrome has some AI render engine that can predict that You are doing something
   dynamic and that’s why We can’t see it happen there… Other browsers just limit
   themself to do CSS job, which on my opinion is the best approach.
 *  Thread Starter [raphaelibele](https://wordpress.org/support/users/raphaelibele/)
 * (@raphaelibele)
 * [6 years, 1 month ago](https://wordpress.org/support/topic/problem-with-colums-2/#post-13059781)
 * Hey Manuel,
 * thanks a lot for your answer. I tried it but it doesnt work… (it is not sticky
   anymore)
 * Do you have another idea?
 * Thanks
 *  [Manuel Rocha](https://wordpress.org/support/users/manuelrocha88/)
 * (@manuelrocha88)
 * [6 years, 1 month ago](https://wordpress.org/support/topic/problem-with-colums-2/#post-13064407)
 * [@raphaelibele](https://wordpress.org/support/users/raphaelibele/) the other 
   solution is to try to add a css style to the right column in order to force it
   to stay always there… Is the only way that comes to my mind
 *  Thread Starter [raphaelibele](https://wordpress.org/support/users/raphaelibele/)
 * (@raphaelibele)
 * [6 years, 1 month ago](https://wordpress.org/support/topic/problem-with-colums-2/#post-13067412)
 * Thanks for your answer. Is it possible to give the element with the placeholder-
   class a new one? (sticky-element-placeholder)
 *  [jsbrain](https://wordpress.org/support/users/jsbrain/)
 * (@jsbrain)
 * [6 years, 1 month ago](https://wordpress.org/support/topic/problem-with-colums-2/#post-13067431)
 * Actually the problem here is that the flatsome theme sets the left column to 
   full width as seen here:
 * > [View post on imgur.com](https://imgur.com/e1gdDcx)
 * Removing this class by either removing it altogether, removing just the !important
   statement or setting !important on the ‘sticky-element-placeholder’ fixes the
   issue.
 * > [View post on imgur.com](https://imgur.com/jhHXVwf)
 * Another and even better (and probably easier) solution is to prevent the flatsome
   class to be activated in the first place. The selector makes sure every class
   gets width: 100% that is NOT a ‘col’. So actually just giving the ‘sticky-element-
   placeholder’ element the class ‘col’ fixes the issue:
 * > [View post on imgur.com](https://imgur.com/dvJZWBw)
 * Which leads to the question: Is it possible to set additional classes for the‘
   sticky-element-placeholder’ element and if not, can you [@manuelrocha88](https://wordpress.org/support/users/manuelrocha88/)
   implement this?
    -  This reply was modified 6 years, 1 month ago by [jsbrain](https://wordpress.org/support/users/jsbrain/).
 *  Thread Starter [raphaelibele](https://wordpress.org/support/users/raphaelibele/)
 * (@raphaelibele)
 * [6 years, 1 month ago](https://wordpress.org/support/topic/problem-with-colums-2/#post-13067595)
 * Ok i fixed it with javascript
 *  [Manuel Rocha](https://wordpress.org/support/users/manuelrocha88/)
 * (@manuelrocha88)
 * [6 years, 1 month ago](https://wordpress.org/support/topic/problem-with-colums-2/#post-13069208)
 * [@jsbrain](https://wordpress.org/support/users/jsbrain/) well we don’t need extra
   class there… We can work using the already existing CSS class. When there is 
   no sticky happening, the class placeholder is `div.sticky-element-placeholder.
   col.` When sticky happens we get `div.sticky-element-placeholder.col.sticky-element-
   active`.
 * Adding Your css style suggestion to `div.sticky-element-placeholder.col.sticky-
   element-active` should do the job.
 *  [Manuel Rocha](https://wordpress.org/support/users/manuelrocha88/)
 * (@manuelrocha88)
 * [6 years, 1 month ago](https://wordpress.org/support/topic/problem-with-colums-2/#post-13069213)
 * [@raphaelibele](https://wordpress.org/support/users/raphaelibele/) great You 
   solved it.

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

The topic ‘Problem with colums’ is closed to new replies.

 * ![](https://ps.w.org/sticky-menu-or-anything-on-scroll/assets/icon-256x256.gif?
   rev=2564941)
 * [Sticky Menu & Sticky Header](https://wordpress.org/plugins/sticky-menu-or-anything-on-scroll/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/sticky-menu-or-anything-on-scroll/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/sticky-menu-or-anything-on-scroll/)
 * [Active Topics](https://wordpress.org/support/plugin/sticky-menu-or-anything-on-scroll/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/sticky-menu-or-anything-on-scroll/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/sticky-menu-or-anything-on-scroll/reviews/)

 * 11 replies
 * 3 participants
 * Last reply from: [Manuel Rocha](https://wordpress.org/support/users/manuelrocha88/)
 * Last activity: [6 years, 1 month ago](https://wordpress.org/support/topic/problem-with-colums-2/#post-13069213)
 * Status: resolved