-
Posts
-
On this site: http://whitehousefarmrentals.com/
When viewed on ipad of iphone, the slider / headline rotation image is all cut off. How can I adjust so that is shows the full photo better?
Thank you!Hi elames,
Your site is not loading on my end, it’s probably just temporary. Could you post a screenshot highlighting what you would like to achieve please?
Thanks,
RikardIt may be your location is blocked by the hosting company because it is loading fine for me.Usually Yigit is the one that sees my sites :-)
The home page image is a full page with rotation headline. The image is blown up on an iphone so that only part of it is seen..the dogwood flower
I want the image to resize smaller so that the entire image can be seen similar to on the other pages.Hi!
It’s not loading on my end as well. Which of the slider are you using ? Is it the full screen slider? If yes, note that the slider sets the image as background with the background size value set to “cover” which means that it will cover the whole container, may cut off parts off the images in order to keep the aspect ratio. We can set it to 100% but it will distort the images. The only workaround is to adjust the background positioning or to create another slider specifically made for mobile. If we can access the site, we’ll provide the necessary css code. We’ll ask Yigit to check it.
Best regards,
IsmaelIt is not a slider, it is an image background in the color section. See these screen shots:
Hi!
Please try adding following code to Quick CSS
@media only screen and (max-width: 1024px) { #top .av-rotator-container-inner { padding-top: 300px; }}You can also refer to this post – http://kriesi.at/documentation/enfold/hide-menu-itemselements-on-mobile/ and choose to display another element on mobile :)
Best regards,
YigitSOrry that did not work.
See this screenshot: http://imgur.com/uEl0iOM
You can only see the flowers and not the image of the farmhouse as you do on the normal home page
http://whitehousefarmrentals.com/Hi!
https://kriesi.at/support/topic/issue-with-home-page-image/#post-588144
The color section treats the background same as the full screen slider. The workaround is to add another element specifically created for mobile devices: http://kriesi.at/documentation/enfold/hide-menu-itemselements-on-mobile/
Cheers!
IsmaelSo i named the background section, put this in the custom css
added this to functions php
First Add this line of PHP to your functions.php file so that the custom class field is enabled:add_theme_support(‘avia_template_builder_custom_css’);
@media only screen and (max-width: 990px) {
.backgroundsection { display: none !important; }}But background still shows up on my iphone
What did I do wrong?
Thanks
- You must be logged in to reply to this topic.