Tagged: , ,

Viewing 25 posts - 1 through 25 (of 25 total)
  • Author
    Posts
  • September 15, 2015 at 9:26 am #503133
    Hirschjaeger123

    Hi,

    i have a problem with the background images I set for several color sections. They are not responsive, meaning they are not scaling down on mobile devices, I am only able to see a tiny part of the images and it looks horrible on smaller screens like smartphones.
    Please kindly help.

    Thanks very much in advance.

    September 15, 2015 at 9:35 am #503137
    Guenni007

    what did you choose on “Section Minimum Height” ?

    September 15, 2015 at 9:57 am #503153
    Guenni007

    here is a playground of mine:

    http://webers-testseite.de/enf02/color-section-background-image/

    if this is ok for you here is my solution :
    (the min height of the avia-section was set by theme to 100px)

    the colorsection is set to:
    no min hight; and huge-padding !
    background image to no-repeat

    and you see it the custom class was set to : “background-img-responsive”

    .avia-section.background-img-responsive {
    background-size: cover !important;
}

.background-img-responsive .content {
    padding-bottom: 25% !important;
    padding-top: 25% !important;
}
    September 15, 2015 at 11:06 am #503187
    Hirschjaeger123

    Hi,

    I chose “75% of Browser height”.
    Thanks very much for your example!
    I`m going to try it, can I do that in the custom CSS the Theme allows me to enter?

    Kind regards,

    Hirschi

    September 15, 2015 at 11:08 am #503188
    Hirschjaeger123

    Hi again,

    I tried the custom CSS settings, but unfortunately it does not solve the problem.
    The images still don´t scale properly so if you go to small screens, you are only able to see the right corner instead of the whole image scaling down.

    Kind regards,

    Hirschi

    September 15, 2015 at 12:47 pm #503294
    Guenni007

    you see this:
    he colorsection is set to:
    no min hight; and huge-padding !
    background image to no-repeat

    have you activatet the custom class for alb elements?
    http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    you have to give than the color-section this class !

    September 15, 2015 at 3:41 pm #503414
    jgoosman

    Hi, I am having the same issue, I have several images set as backgrounds in color sections that do not respond at all on mobile devices. Can someone walk me through step by step on how to fix this? I’m new to this.

    • This reply was modified 9 years, 3 months ago by jgoosman.
    September 15, 2015 at 5:30 pm #503538
    Elliott

    Hi!


    @jgoosman    , Can you send us a link to your page so we can take a look?

    Regards,
    Elliott

    September 15, 2015 at 5:33 pm #503544
    jgoosman

    Hi Elliott, the page is news.dragonflycomputers.com, for the meantime, I used the background position option to display a certain portion of the picture on mobile. I can live with it that way, so it’s not an emergency, but if there’s a way to make them fully responsive it would be nice. Thanks.

    September 15, 2015 at 5:36 pm #503546
    jgoosman

    actually ignore my last comment, I didn’t realize that would shift the picture on the main page as well. I will need a solution to get it responsive them, at least on the home page.

    September 15, 2015 at 5:36 pm #503547
    Hirschjaeger123

    Hi Elliot,

    thanks a bunch for helping JGoosmann, but could you maybe also help me too?

    KR,

    Hirschi

    September 15, 2015 at 5:37 pm #503549
    jgoosman

    Yes, please help Hirshjaeger123 first, it was his thread.

    September 15, 2015 at 5:40 pm #503551
    Yigit

    Hey!


    @hirschjaeger123     Sorry for the confusion. Can you please post the link to your website?

    Regards,
    Yigit

    September 15, 2015 at 5:46 pm #503559
    Hirschjaeger123

    Hi Yigit,

    the site´s under http://www.tabcircle.de, actually I do use the color sections also on all sub-pages like “locations” and “verlage”.

    Cheers,

    Hirschi
    Thanks @jgoosman. :-)

    September 15, 2015 at 9:25 pm #503707
    Andy

    Hi!

    try this code:

    @media only screen and (max-device-width: 736px) {
.av-parallax.avia-full-stretch.enabled-parallax.active-parallax {
background-size: 190% 70% !important;
}}

    and adjust as needed.

    Best regards,
    Andy

    September 15, 2015 at 9:33 pm #503717
    Hirschjaeger123

    Hi Andy,

    I copied your code into the custom CSS but it doesn´t change anything.
    Backgrounds behave like before (it´s online so feel free to have a look).
    Do I have to adjust something else or play with some parameters?

    Thanks and kind regards,

    Hirschi

    September 16, 2015 at 9:33 am #503868
    Andy

    Hey!

    clear browser cache and hard refresh a few times. If it still does not work then you can provide us admin access, so we can take a deeper look. Post login details here as private reply.

    Cheers!
    Andy

    September 16, 2015 at 12:03 pm #503955
    Hirschjaeger123

    I´ve done that, but with the change it is even worse. Now I have a grey bar above the image when going to smaller screens.
    I`ll keep it for another few hours but then I´l roll back.
    Any other solutions?

    KR,

    Hirschi

    September 16, 2015 at 12:16 pm #503966
    Andy

    Hey!

    well you should always clear browser cache to be able to see how the website actual looks like (and not a cached version of it).
    Post admin access here as private reply, as I already said to you, then we take a look.

    Best regards,
    Andy

    September 18, 2015 at 10:34 am #505342
    Hirschjaeger123

    Hi support team,

    I forwarded you the credentials on September 16th as was requested by Andy. So far I couldn´t detect any Login by that account, but I´m getting alerts about Login-trys from other sources, so I don´t know if the hidden log-in URL I sent you via private message here was readable somehow by someone else.

    Please notify me if you will try to fix my problem by logging into my site, otherwise I would erase the account set up for you and change my login settings to stop the attacks on my admin login.

    Cheers,

    Hirschi

    September 18, 2015 at 1:51 pm #505488
    Andy

    Hi!

    I can’t see any post on 16th of september with any login credentials. Please post them again here, then we take a look.

    Regards,
    Andy

    September 18, 2015 at 4:00 pm #505623
    Hirschjaeger123

    You should have it now I hope

    September 18, 2015 at 4:15 pm #505634
    Andy

    Hey!

    thanks and it’s not an admin account. Let us know when we have admin access, so we can take a deeper look into it. Make sure to use newest WordPress and theme versions.

    Regards,
    Andy

    September 18, 2015 at 4:21 pm #505641
    Hirschjaeger123

    Hey!
    it´s an account where you can look into the site and the editor, so it should be enough for you to check if there is anything wrong with my settings, which I sincerely do doubt. This a productive site, I don´t see a a reason why you would need full admin access. If so, please enlighten me why that should be the case.

    I would appreciate if you would in the end of the day try to actually HELP me instead of putting any more stupid requirements on me. Since I`m obviously not the only one having this problem it would be nice if you could look in YOUR sphere!!

    September 18, 2015 at 4:33 pm #505654
    Andy

    Hi!

    no, it’s not enough, because we need access to Quick CSS field to test some CSS code, which we are able to do with admin access only. Post login details here as private reply, so we can try to help.
    You are still using an old version of WordPress and Enfold. Upgrade to the newest one and let us know when you are ready.

    Cheers!
    Andy

    • This reply was modified 9 years, 3 months ago by Andy.
  • Author
    Posts
Viewing 25 posts - 1 through 25 (of 25 total)
  • You must be logged in to reply to this topic.