Color sectiom on tablets problem

Hi,
Thank you for your patience, I see that you wrote that it only appears on physical devices unfortunately I don’t have a physical tablet to test with, please include a screenshot of the error and paste the image URL in your post. Please also include the screen resolution for portrait and landscape of the device that you are using when the error occurs, as there a few different sizes, such as 768px, 1024px, 1366px and also include the model and version of your tablet and the version of the browser that you are using so we can see if another team member has a similar tablet or can reproduce it.
A while back there was a different issue on iPads that only occurred on physical tablets and it turned out that the browser on some iPads can not be updated and this was why it only occurred on physical devices. The latest iPads didn’t have the same error, perhaps this is a similar situation.
Typically a CSS error would show on any device with the same screen size.

Best regards,
Mike

Hi,
Please attach the links to this thread in the Private Content area or in the message area so they will be available for the whole team to view.
It looks like you may have started this thread via the contact form instead of the support forum, so to see the Private Content area try logging into the support forum instead of replying to a email notification.

Best regards,
Mike

Hi,
Your first post doesn’t include any of the information such as the model and version of your tablet and the version of the browser that you are using, or the screen resolution.
Since we can not see your error because it only shows on a physical device and we all don’t have the tablet as you a screenshot would be helpful.
Since there is no “attachment” button so you will need to add the image to a site like Dropbox or Savvyify as Ismael suggested.
Please provde this so we can see if another team member has a similar tablet or if we can reproduce it using a different device.
Typically a CSS error would show on any device with the same screen size so this issue may be related to your specific tablet model, I’m not sure but this has happened before, please read my comment above. We are taking your issue seriously but we need to be able to examine it in order to assist.

Best regards,
Mike

Hi,
Thanks you I have asked the rest of the team to check with an iPad and advise, thank you for your patience.

Best regards,
Mike

Hi Lion,

I’m sorry for the delayed response.

Please add the following code to the Quick CSS in Enfold theme options > General Styling:

/* To fix the background images on tablet */
@media only screen and (max-width: 1024px) {
    .touch-device #top .avia-section.avia-bg-style-fixed {
        background-attachment: scroll;
    }
}

/* To fix the Social Share icons on mobile */
@media only screen and (max-width: 480px) { 
    .av-social-sharing-box:not(.av-social-sharing-box-rounded, .av-social-sharing-box-buttons, .av-social-sharing-box-default, .av-social-sharing-box-minimal) .av-share-box ul li {
        display: inline-block;
    }
	.av-social-sharing-box-circle .av-share-box ul li, .av-social-sharing-box-icon .av-share-box ul li {
    	margin-bottom: 2px;
    }
}

After adding the code, please make sure to clear any server-side, plugin-based, and browser caches.

Best regards,
Yigit

• This reply was modified 5 months ago by Yigit.

Hi,

Great! Yes, both fixes will be included in the next update.

Regarding the favicon issue, please create a staging copy of your site, and deactivate all active plugins and check if that fixes the issue. Since you experience this issue from time to time, it sounds more like a plugin or caching issue.

Best regards,
Yigit