Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • July 17, 2016 at 10:52 pm #661823
    coreygood

    Hello! The theme is great, but I can’t get the images to be responsive. They look amazing on a desktop, but can’t see anything on a mobile. Please help!

    July 18, 2016 at 2:46 pm #662007
    Rikard

    Hi coreygood,

    Images are displaying fine on my end using Chrome/Iphone6, could you try clearing your browser cache and reload a few times to see if that helps please?

    Best regards,
    Rikard

    July 18, 2016 at 4:59 pm #662127
    coreygood

    Thanks for responding. I tried clearing the cache, but they are still not showing correctly. I’ve attached 2 images in a link to show you mobile vs desktop. Thanks again!

    July 19, 2016 at 12:18 pm #662431
    Rikard

    Hi,

    Ok, I see what you mean. Unfortunately there is no way to make background images look exactly the same on all screen sizes. If you want greater control over your Color Section background you would have to create different section to display only on small screens and use images better adapted to those dimension. You can then hide/show the correct section using CSS after giving your sections unique IDs in the element options:

    @media only screen and (max-width: 767px) {
#desktop-section {
display:none !important;
}
}

@media only screen and (min-width: 768px) {
#mobile-section {
display:none !important;
}
}

    Thanks,
    Rikard

    July 19, 2016 at 3:05 pm #662523
    coreygood

    Where would I copy and paste that text? What do I add to it to make it work with my images? Thanks so much for you help, I really appreciate it.

    July 19, 2016 at 3:29 pm #662548
    Yigit

    Hi!

    Please refer to this post – http://kriesi.at/documentation/enfold/hide-menu-itemselements-on-mobile/

    Cheers!
    Yigit

    July 26, 2016 at 3:10 pm #665353
    coreygood

    Hello! I tried adding it to the wp-includes/functions.php, but it caused the entire site to have 500 internal server errors. Where should i place this code? Here are all of the options with functions:

    ./wp-content/themes/sublime/functions.php
    ./wp-content/themes/twentysixteen/functions.php
    ./wp-content/themes/twentyfifteen/functions.php
    ./wp-content/themes/enfold/functions.php
    ./wp-content/themes/twentyfourteen/functions.php
    ./wp-includes/functions.php

    Thanks for all of your help!

    July 26, 2016 at 10:40 pm #665519
    coreygood

    Just wanted to bump this issue. Thanks!

    July 27, 2016 at 10:39 pm #665978
    Rikard

    Hi,

    Did you try adding the CSS to Quick CSS under Enfold–>General Styling?

    Please note that bumping topics has the opposite effect on this forum.

    Thanks,
    Rikard

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