Forum Replies Created
-
Posts
-
Hi,
The modify_jquery function did the trick – thanks for your response.
I think without that it was using jquery 1.12.3 and this switches it back to 1.11.3. I guess at some point Enfold will be updated to fix the incompatibility and I’ll be able to remove that function? Maybe I’ll have to start reading the release notes to watch out for that at some point ;)
Thanks again for the response!
OK, that took a bit of time while I learned some CSS basics, but I have a solution that works for me. What I have is added this to the custom CSS section:
#header_main > .container {
padding: 0;
}
.html_header_top.html_logo_center .logo {
clear: left;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
position: initial;
}
.html_header_top.html_logo_center .header-scrolled .logo {
margin-left: 25%;
}The logo now looks correct on Firefox and webkit.
I have added a margin when the shrinking header is enabled, to keep the image in the center. This works OK when it is full shrunk, but for a couple of positions it is to the left, but I will live with this for now.
There might be a layout I can apply to the logo element to be centered all the time, but I need to move onto other things. Maybe I will learn that later.
You have confused me now – I didn’t think this is a feature request, but sounds more like a bug report. I am trying to do something fairly simple – a large image as a logo. This thread sounds like what I want exactly:
https://kriesi.at/support/topic/how-to-add-a-header-background-image/
And I followed the simple instructions, and it works perfectly. Just only on Firefox or IE 10. It looks wrong on web-kit (which is the majority of browsers so I’m not ignoring it).
Now, I am fairly rusty on the web side so I’m not sure if this is a) a bug in webkit b) strange instructions being given by wordpress / enfold or c) something I am doing wrong.
I am also not an expert in CSS, so would welcome any hints on how I could override / turnoff the translate bits I have given above to fix it? Is this possible in the quick CSS? Or would I have to edit the theme files? If I leave the logo set as large would I be missing anything to remove these bits?
Thanks
