Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #924563

    I set the position of the background images in the color selections on top left or top center, but on our smaller devices (smartphones and tablets) the position is botton left or botton center. How can I change this?

    #924860

    Hey Dennso,

    If you want greater control over the background image on mobile devices then you could try to copy the element in question and use an image better adapted to mobile screens. You can show/hide the correct section using the Screen Options in the element options.

    Best regards,
    Rikard

    #925459
    This reply has been marked as private.
    #926271

    Hi,

    The settings could not be removed on mobile – it is not normal to be honest.
    What seems to be happening is a bit strange so could we have access?

    Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    1. Install and activate ” Temporary Login Without Password “.
    2. Go to ” Users > Temporary Logins ” on the left-side menu.
    3. Click ” Create New “.
    4. Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
      ( do be sure that we have enough time to debug ).
    5. Click ” Submit “.
    6. You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.

    When your issue is fixed, you can always remove the plugin!
    If you prefer to not use the plugin, you can manually create a admin user and post the login credentials in the “private data” field.

    Best regards,
    Basilis

    #931946
    This reply has been marked as private.
    #932237

    Hi Dennso,

    Fixed backgrounds will not work on iPad and iPhone, the images need to change the attachment to scroll. Can you disable caching and minification for now?

    Best regards,
    Victoria

    #932899

    Hello,

    thanks for your help. I have disabled the Plugin Comet Cache Pro for the moment.

    Best regards
    Anett

    #933203

    Hi,

    The desktop screens are in landscape mode and most of the portable device is in portrait mode. It would be best to add a portrait background image for mobile device.

    Please update the background image URL for the mobile device in the below code and add it to Quick CSS in Enfold > General Styling > Quick CSS

    You can also adjust the position in X and Y axis by changing the value of the background position in pixel or percentage.

    @media only screen and (max-width: 767px) {
    #top #av_section_2 .av-parallax.active-parallax .av-parallax-inner {
    background-image: url(https://your-site.com/image.jpg)!important;
    background-position: 0% 50%!important;
    }
    }

    Best regards,
    Vinay

    #933523

    We have different background images not only this one and so I think that doesn’t work. Besides, we have the same problem on portable devices larger than 767px.

    #933544

    Hi,

    The login credentials are not working for us to check the backend.

    Unfortunately, browsers scale or fit the background images proportionately to the screen size so what looks good on desktop might not look the same on mobile because of the reduced screen size.

    Please try both the background options available in colorsection “Scale to fit” or “stretch to fit” and let us know which one suits better.

    Best regards,
    Vinay

    #942630

    Hello.

    In most cases “scale to fit” seems to be the better option.
    I understand that fixed backgrounds doesn’t work on mobile. But why does my settings regarding the position not work?

    Has it negative effects on page speed if I create 2 color sections one for desktop and one for mobile?

    Best regards,
    Anett

    #942962

    Hi Anett,

    It should not have any impact on your site speed if you have two sections, since one of them is hidden and won’t be loaded. Could you try that solution out to see if it works out for you please?

    Best regards,
    Rikard

    #943543

    Hi Rikard.

    I have already tried to solve the problem with two sections. It is a option for smaller mobile devices, but not for all tablets. Especially tablets with a wider screen resolution than 990px. For this it would be nice, if you could solve the problem with the settings of the image position.

    Best regards,
    Anett

    #944921

    Hi,
    I was able to login and I took a look at your top two color sections that make your “Wachstum – Effizienz – Transparenz” for the different device views.
    I see that for phones & tablets they use one of the color sections, that is a sky & ocean, I also see that in both views the position is top & center.
    I believe that what you are referring to is that in the tablet view, that you like, it is mostly sky.
    And in the phone view, that you don’t like, it is 50% sky & 50% ocean.
    Do I understand the issue correctly?
    In this case why not edit your image so it will only show what you want to see?
    I have created an example, uploaded it, and selected it for the background of your color section, please check.
    If it doesn’t suit, please re-select your original image.

    Best regards,
    Mike

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