- This topic has 9 replies, 3 voices, and was last updated 4 years, 4 months ago by
.
-
Posts
-
You helped me to adjust settings to make the Background Image in the AT Featured Section Widget to display correctly on mobile devices (iPhone, iPad).
Can you provide to me additional CSS code to make the Header Image display reasonably well on mobile devices?
Thank you!
Dear William,
Please replace from the given code with previous code that we had provided.
Appearance > CUstomize > Additional CSS/*for mobile devices only*/ @media (max-width:767px){ .at-parallax, .inner-main-title{ background-attachment: scroll !important; } } /*it would work up to tablet's*/ @media (max-width:992px){ .at-parallax, .inner-main-title{ background-attachment: scroll !important; }Best Regards!
Corporate plus pro – when I view the blog or the contact pages on a mobile device – the header images appear super enlarged. This even happens when I view the corporate plus demo – see blog page at
It also happens to the background image on contact forms when viewing on mobile device – super enlarged image.My other pages view the header images correctly.
Also, If I choose: feature slider selection > full screen background > and choose text slider, then ALL of my header images on all pages appear as super enlarged when viewing on mobile devices.
I can’t seem to find an answer. Can you help? Thank you.
My question got cut off – I am reposting.
Corporate plus pro – when I view the blog or the contact pages on a mobile device – the header images appear super enlarged. This even happens when I view the corporate plus demo – see blog page at
It also happens to the background image on contact forms when viewing on mobile device – super enlarged image.My other pages view the header images correctly.
Also, If I choose: feature slider selection > full screen background > and choose text slider, then ALL of my header images on all pages appear as super enlarged when viewing on mobile devices.
I can’t seem to find an answer. Can you help? Thank you.
Dear William,
Could you please provide us with the screenshot of the image which shows your issue clearly? So, that we can observe it and provide you with a possible solution.Best Regards!
Thank you for replying, I solved the “issue” last night – after two solid days of tweaking everything in different combinations and searching online for possible solutions… oh god, who’da thought it was something so unrelated to the theme.
When I would test-view the changes I’d made via my desktop – I would hold both my iphone and ipad sideways, in landscape mode versus portrait – just cuz it’s my preference. My rotated screen was locked and it works just like normal… EXCEPT when viewing my website – where the header images would appear super enlarged – somehow the entire website worked-viewed just as normal expected – but the header images don’t translate properly until I unlocked and rotated my iphone or ipad back to portrait mode.
Damn, I want those two days back, but at least I learned something I didn’t know I needed to learn. Thanks.
- You must be logged in to reply to this topic.