Viewing 21 posts - 1 through 21 (of 21 total)
  • Author
    Posts
  • #734373

    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,
    Maria

    #734883

    Nobody can help me, please??

    #735435

    Hey!

    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,
    Yigit

    #736343

    ok, 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,
    Maria

    #736467

    Hey 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,
    Yigit

    #736634

    IHey 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?

    #736645

    Hi Maria!

    Please change “767px” value to “990px” or “1024px”. Slider will be hidden below that screensizes :)

    Regards,
    Yigit

    #736652

    You 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)!

    #737236

    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,
    Yigit

    #737486

    Hi 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 :-)

    #737496

    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,
    Yigit

    #737757

    Ciao 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,
    Maria

    #737834

    Ciao 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!
    Yigit

    #737855

    Nope Yigit, it doesn’t work!

    What do you need?

    #737865

    Hey!

    We need temporary WP admin logins to add custom CSS codes and to check if it is correcting the issue

    Cheers!
    Yigit

    #737867

    Ok, everything is in the private content!

    #737953

    Ciao 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,
    Yigit

    #737955

    Awwww 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?

    #737959

    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 ;D

    Yes, you can extend your support on Enfold’s ThemeForest page. “Renew support” button will show up once it expires :)

    Cheers!
    Yigit

    #737961

    Hahaha you chose an unusual destination for your monument! ;-)

    Thank you for all Yigit!

    Regards,
    Maria

    #737966

    Hey!

    :)
    No worries at all Maria! Feel free to contact us again if you ever need any help

    Ciao!
    Yigit

Viewing 21 posts - 1 through 21 (of 21 total)

The topic ‘Enfold doesn't work properly in my ipad/iphone’ is closed to new replies.