BUG REPORT: 2.7.1 Update Changed Custom CSS Socket Behavior — Need a fix please

Addition:

The theme is great and very powerful, but it is disappointing to spend a lot of time getting things how you want them in a prior release, only to have things “stop working the same way” in a new release! As the other Poster notes below, others are having similar problems with various features of Enfold 2.7.1. This makes folks (understandably) very wary of updating!

I’m hoping the Kriesi team (or anyone on this great forum) might have some insights as to what is making this custom CSS NOT work correctly in 2.7.1, whereas it WAS working fine in 2.5.2 (details below)?

#socket { font-size: 15px !important; position: fixed; bottom: 0px; width: 100%; overflow: hidden; }
#socket .container { padding: 4px 0 6px 0; }
html {background: #ffffff; }

Orginal Post:

Although I realize “sticky sockets” are not officially supported in Enfold, under 2.5.2 I had precisely the “sticky socket” behavior I wanted working very nicely for me using the following custom CSS code:

#socket { font-size: 15px !important; position: fixed; bottom: 0px; width: 100%; overflow: hidden; }
#socket .container { padding: 4px 0 6px 0; }
html {background: #ffffff; }

With this custom CSS code under 2.5.2, I would ALWAYS have my socket on the bottom of ANY browser window, no matter how large/small the window was, no matter whether or not a scrollbar was present, no matter how much/little content any given page had, no matter whether mobile or not: my socket was always showing at the bottom of the view window. It was great, and exactly how I wanted it.

Unfortunately . . . when I updated to 2.7.1, this code stopped working in the SAME way. Now with the same custom CSS under 2.7.1, the same socket appears, but ONLY when a scrollbar is present on the right-hand side of the browser. When page content is too little (i.e. no scrollbar), the socket no longer shows like it did in 2.5.2 (using the exact same custom CSS).

HOWEVER, even when no scrollbar is present in 2.7.2, the sticky socket is still THERE at the bottom of the page — i.e. the hover links are still present and available to click — you just can’t SEE the socket unless the scrollbar is present. It seems like whatever the “background” color in “html {background: #ffffff; }”, is now (in 2.7.2) “covering” the socket now when no scrollbar is present — whereas in 2.5.2 under these conditions, the socket was BOTH clickable and visible on pages with no scrollbar.

So something seems to have changed in the internal code of the 2.7.2 update (versus 2.5.2), that makes the above code work differently in 2.7.1 versus how it worked in 2.5.2. I wonder if it relates to the new “transparency” features?

I would really love to have my socket working the way it was in 2.5.2, otherwise I might have to revert back to 2.5.2, which I would prefer not to do, as using “older versions” is not an ideal long-term viable solution.

Is there anything you can think of that might have resulted in this “change” in socket behavior between 2.5.2 and 2.7.1, and if so, can you think of any code that might fix it, so my socket again works like it did in 2.5.2 — i.e. it is ALWAYS at the bottom of the page, whether or not a scrollbar is present on the window?

• This topic was modified 10 years, 6 months ago by Vifa.