Tagged: background image, color section
-
AuthorPosts
-
March 9, 2018 at 3:49 pm #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?
March 10, 2018 at 7:50 am #924860Hey 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,
RikardMarch 12, 2018 at 11:57 am #925459This reply has been marked as private.March 13, 2018 at 9:57 pm #926271Hi,
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.
- Install and activate ” Temporary Login Without Password “.
- Go to ” Users > Temporary Logins ” on the left-side menu.
- Click ” Create New “.
- 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 ). - Click ” Submit “.
- 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,
BasilisMarch 23, 2018 at 12:30 pm #931946This reply has been marked as private.March 24, 2018 at 7:40 am #932237Hi 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,
VictoriaMarch 26, 2018 at 9:50 am #932899Hello,
thanks for your help. I have disabled the Plugin Comet Cache Pro for the moment.
Best regards
AnettMarch 26, 2018 at 9:44 pm #933203Hi,
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,
VinayMarch 27, 2018 at 10:00 am #933523We 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.
March 27, 2018 at 10:29 am #933544Hi,
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,
VinayApril 16, 2018 at 4:06 pm #942630Hello.
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,
AnettApril 17, 2018 at 7:10 am #942962Hi 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,
RikardApril 18, 2018 at 11:27 am #943543Hi 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,
AnettApril 21, 2018 at 4:35 pm #944921Hi,
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 -
AuthorPosts
- You must be logged in to reply to this topic.