HI guys-

I’m having a problem with IE and scrolling down. It seems that when the site pulls up, I can see the scrolling bar on the right but will not let me scroll down the page, it keeps pulling up to the top. It works on Chrome, Firefox and Safari just fine. Please help me as I can’t find any solution anywhere.

Thanks.

Wendi
http://www.capecoralcf.org is the site.

I had the same issue as some others with the mobile menu icon “overlapping” the logo. I fixed it with this code:

@media only screen and (max-width: 767px) { .responsive .logo a, .responsive .logo img { max-width: 63%; height: auto !important; margin-top: 7px!important; } }

However with that code, the shrunken “logo” sits near the top of the header box, so that it looks vertically “offset” compared to the “vertically centered” mobile menu icon. I can’t increase the “margin top” px distance for the logo, because that messes things up with tablet size screens.

1. Rather than having the shrunken logo set a “fixed distance” from the top using this “margin-top: 7px!important;” — is it instead possible to “vertically center” the shrunken logo with the mobile menu icon (i.e. so that a horizontal line drawn through the center of the logo would also cross through the center of the mobile menu icon)?

2. Also under the “@media only screen and (max-width: 767px)” conditions above, is it possible to “reduce” the size of the mobile menu icon, so that it is not so large relative to the shrunken logo size?

(Sorry I can’t provide a page link, as I am doing development offline before going live.)

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 11 years, 11 months ago by Vifa.

I was testing the upgrade to WP 3.9 on a testing site with just the original WP installation and after the upgrade all I see is a blank white page. If I look at the source code for the page all I see is “1.” at the top and that’s all.

Also the thumbnail for the Enfold theme within WP is all blank, just white.

All of the other themes work fine and are able to pull up the sample page and sample post that are there with the original install.

No one else seems to be having an issue with WP 3.9, what can my issue be? I have deleted the Enfold theme a couple of times and reuploaded and nothing and I am using Version 2.7.1.

I just love this theme and imagine there is a way to do what I need… In the screenshot below, you can see an example of what I want it to look like- 1/4 columns, grey background, with the “read more” button in the same position on each box (regardless of the text above it). There will be different links/text on top of each one so people can access the articles.

I think I need to be able to put a background image behind the text, and then place the “read more” button with the shortcode in the visual editor. However… If I place the background image behind the text with code, anyone who changes the text on top will have to be comfy with html… the gal at the company who will do it is not computer savvy.

Is there a way to use the color section or image media content for the background image and then have the text and button sit on top of it like the screenshot shows? I know the color section will not fill a 1/4 spot, but thought you might know of a way to do it without html.

Thanks for any thoughts. :)
Angie