-
Posts
-
Hi everyone,
I installed enfold theme. I’ve checked out my ipad and I’ve seen that there are some issues. How can I solve them?
1. At first logo overlapped the main menu which couldn’t be shown properly. I changed dimension to 990px for mobile and now it works on ipad. Suddenly it didn’t work on desktop (everything stretched out!) and I had to add this code on quick css. Is it correct? Is there a way not to add a code (only because it worked fine at the beginning)?
@media only screen and (min-width: 768px) {
.slider-desktop {
display:block !important;
}
.slider-phone {
display:none !important;
}
.avia-slideshow-inner {
height: 500px !important;
}
.avia-slideshow {
max-height: 500px !important;
}
}@media only screen and (max-width: 767px) {
.slider-desktop {
display:none !important;
}
.slider-phone {
display:block !important;
}
}2. The image I used as fullwidth layer slider cannot be shown properly (it looks super big), same on my iphone. And it doesn’t look good in Chrome and Internet Explorer!
Can you help me please?
Kind regards,
MariaHey!
1- Please refer to this post – http://kriesi.at/documentation/enfold/menu-overlaps-logo-on-tablets/ and if that does not help, please see – http://kriesi.at/documentation/enfold/switching-to-mobile-menu-on-higher-resolutions/
2- Will look into this when your site loads properly.Regards,
Yigitok, no issues with the logo.
BUT
1. Full width screen slider image is not shown properly on Internet Explorer and Chrome, it is good on Mozilla
2. Full width screen slider image is not shown properly on mobile and tablet.
Hope you can help :-)
Regards,
MariaHey Maria!
You can refer to this post – http://kriesi.at/documentation/enfold/hide-menu-itemselements-on-mobile/ and display/hide certain elements on mobile/desktop. You could replace your slider with a one that is made for mobile
Best regards,
YigitIHey Yigit,
it didn’t work! I found this code to hide fullscreen slider image, but it only work on mobile (I copied into the quick css):
@media only screen and (max-width: 767px) {
#fullscreen_slider_0 { display: none;}
}do you have a code which works on ipad too, please?
Hi Maria!
Please change “767px” value to “990px” or “1024px”. Slider will be hidden below that screensizes :)
Regards,
YigitYou rock Yigit! :-)
And If I want to display my image inside the fullwidth slider what code should I use? Cause now it looks so grainy on my mobile/ipad (it results to be super big)!
Hi Maria!
Can you please post a screenshot from your ipad? You can upload your screenshots on imgur.com or Dropbox public folder and post the links here.
I can see that you took care of newsletter popup issue as well :)
Best regards,
YigitHi Yigit!!!
Yes, of course. Here is the link: http://imgur.com/a/H0uVl
It happens on ipad and also on iphone only if I choose to show my fullwidth slider image, otherwise I use your code to hide the element and it works great. As you can see, the image appears to be super big. Beige part is the top left side of my image.Yes! After I tested tons of plugins for popup newsletter (lol) I chose a free plugin which looks nice and it is closer to my idea of popup, do you agree? Optinmonster was my first choice but it costs a lot to me. In the meantime, I wait for Enfold team to find a solution for newsletter popup without plugins. I am not a fan of plugins :-)
Ciao Maria!!
You can try adding following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 990px) { .avia-fullscreen-slider .avia-slideshow[data-image_attachment="fixed"]>ul>li { background-size: contain; }}However that might not look as nice. Have you tried experimenting with LayerSlider? :)
Yes, i do! Feel free to request such feature here – https://kriesi.at/support/enfold-feature-requests/ if you have not already
Regards,
YigitCiao Yigit!! :-)
I tried your code but it shows 3 same images as header…not good, people don’t want to see 3 images of myself lol
So I chose not to show fullwidth slider image at the moment. Never tried with layerslide. I will try it this evening in my test website and I will let you know.
I see that my header image, while it looks perfect in Mozilla, is cropped in Internet Explorer and Chrome. Check it out here in Chrome > http://imgur.com/a/9yUSN !!!! Should not it look right on all browsers?? How can I fix it???
Regards,
MariaCiao Maria! :)
Can you please try adding following code to Quick CSS and check if that helps?
.avia-fullscreen-slider .avia-slideshow[data-image_attachment="fixed"]>ul>li { background-size: cover; }Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.
If that does not help, we will probably need temporary admin logins once again :)
Cheers!
YigitHey!
We need temporary WP admin logins to add custom CSS codes and to check if it is correcting the issue
Cheers!
YigitCiao Maria!
I added following code to Quick CSS and now it does work fine on Chrome as well
.avia-fullscreen-slider .avia-slideshow[data-image_attachment="fixed"]>ul>li { background-attachment: scroll; }Please review your website
Best regards,
YigitAwwww thank you sooo much Yigit!!!!!! People should build a monument for you lol ;-)
Now I think you can close this topic. JUst one question, when I bought Enfold theme the support was for 6 months only. If I need some help after 6 months what happens? Eventually can I buy other 6 months (if I need) or not?
Hey!
Not at all Maria, always happy to help :)
My monument is ready however people are waiting for to permissions to send it to the moon. Will be the first one up there ;DYes, you can extend your support on Enfold’s ThemeForest page. “Renew support” button will show up once it expires :)
Cheers!
YigitHahaha you chose an unusual destination for your monument! ;-)
Thank you for all Yigit!
Regards,
Maria
- The topic ‘Enfold doesn't work properly in my ipad/iphone’ is closed to new replies.