-
AuthorPosts
-
March 3, 2017 at 1:46 pm #755039
Hey,
I use your Enfold demo “creative studio”. Absolutely fantastic theme but I have some problems with 2 of my 3 images (3rd image works fine on all devices). They are not shown on mobile and on Safari desktop. Chrome & Firefox desktop are working fine.
Have already checked the name of the images – no special charakters used. Could you pls have a look on it. It’s regarding image on home (you can only see a white screen) as well as the image in section #uebermich between left and right text box (you can see a “?”)
Another question: The 3rd image (background image of #leistungen) is shown on all devices, but I’d like to hide the image on mobile, is this possible?
Thanks for your support.
Regards,
DanielaMarch 8, 2017 at 12:09 pm #757725Hey Daniela,
Sorry for the late reply!
You are currently using an older version of the theme. Please update Enfold to the latest version 4.0.2 – http://kriesi.at/documentation/enfold/updating-your-theme-files/ and flush browser cache and refresh your page a few times – http://wiki.scratch.mit.edu/wiki/Hard_Refresh
Best regards,
YigitMarch 9, 2017 at 2:11 pm #758356Hello Yigit,
Thanks for your help – now the images are working fine. But I still have some issues and appreciate your help:
* Image on “home” ist not responsive on mobile and tablet – any chance to get the sheeps in the middle of the screen? Or at least 2 of them?
* I want to hide the background image on tab #leistungen on mobile/tablet. Can I do this with only one image?
* Logo size / header size on ipad portrait is not showing correctly, could you pls have a look on it? Landscape view is perfect.Would really appreciate your help. The theme itself and the demo is awesome and pretty easy to install – love it :-)
Thanks in advance.
Best regards,
DanielaP.S. In case you need login data pls let me know.
March 14, 2017 at 1:02 pm #760681Hi,
1.) use this code inside Quick CSS field:
@media only screen and (max-width: 767px) { div#av_section_1 { background-position: -219px 0px !important; }}
2.) Use this code:
@media only screen and (max-width: 767px) { .av-parallax-inner.main_color.avia-full-contain { background-image: none !important; }}
3.) use this:
@media only screen and (max-width: 989px) and (min-width: 768px) { .responsive .logo { width: 600px; }}
and adjust as needed.
Best regards,
AndyMarch 14, 2017 at 11:19 pm #761025Hi Andy,
Thanks for your help, everything worked out fine except #1 – the image. But I’ll try to get this fixed with your help.
Thanks again and best regards,
DanielaMarch 17, 2017 at 1:19 pm #762464Hi,
you can also add backgroun-size value to my first code:
@media only screen and (max-width: 767px) { div#av_section_1 { background-position: -219px 0px !important; background-size: 318% 110% !important; }}
Play with different values until you find something which works well for you.
Best regards,
Andy -
AuthorPosts
- You must be logged in to reply to this topic.