Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #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,
    Daniela

    #757725

    Hey 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,
    Yigit

    #758356

    Hello 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,
    Daniela

    P.S. In case you need login data pls let me know.

    #760681

    Hi,

    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,
    Andy

    #761025

    Hi 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,
    Daniela

    #762464

    Hi,

    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

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.