Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #1141772

    Hello,
    I have very interesting case with Easy Slider embeded on pop-up via “Popups” plugin. All works fine, except situation if you see this popup on mobile (Portrait View), but as soon you switch your mobile on landscape mode slider appears. Why is so?

    Website: spuke.lv
    Enfold ver.: 4.5.5
    PopUp Plugin: Popups – WordPress Popup v. 1.9.3.7.
    Mobile I use: iPhone 6s.
    Location of the popups: http://prntscr.com/paq0pz

    #1142479

    Hey MAKSIMS,

    I think that this issue is because the slider on rotate refreshes the JS.
    Try load the web site first on landscape and then switch to portrait and tell us what u see

    Best regards,
    Basilis

    #1142658

    Hello Basilis!

    Thank you for your reaction!

    As I said, there are no problem with landscape. There are problem loading the slider in Portrait.
    Here is what I get loading site in landscape:
    1) After 1 – 1.5. slider loads and works fine (as it was earlier)
    2) I close pop-up – go to the portrait activate popup one more time – no slider again.

    :(

    #1143412

    Hi Max Miko,

    We apologize for the delayed response.
    Can you try to give us a link to the page mentioned? so we can try to inspect it further.
    You can post the link in private content, if you want it to be seen only by you (thread creator) and the moderators.

    Best regards,
    Nikko

    #1143415

    Hello,

    thank you for the response. All info added to Private Content

    #1143705

    Hi Max Miko,

    Can you try adding this css code in Quick CSS, located in Enfold > General Styling:

    @media only screen and (max-width:479px) {
      #top .avia-slideshow .avia-slideshow-inner {
        height: auto !important;
      }
    }

    Let us know if this helps.

    Best regards,
    Nikko

    #1144189

    Hey Nikko!

    Yes it worked, I just don’t understand why I can’t to show controls on the slider. I use this code from another thread:

    @media only screen and (max-width:767px) { .avia_desktop .av_slideshow.avia-slideshow .avia-slideshow-controls a {
      opacity: 1 !important;
    }}

    But it doesn’t work. I believe, that in this pop-up case i need this controls always, because visitor can recognize slider just like an ordinary image.

    #1144368

    Hi,

    I think the reason it doesn’t work is this part of the selector:

    .av_slideshow.avia-slideshow

    it should just be:

    .avia_desktop .av_slideshow .avia-slideshow-controls a

    Best regards,
    Nikko

    #1144462

    I think, I understand you wrong, so my final code must be:

    @media only screen and (max-width:767px) {
    	.avia_desktop .av_slideshow .avia-slideshow-controls a {
      opacity: 1 !important;
    		}}

    If yes, then it still doesn’t work for me :(

    #1145576

    Hi Max Miko,

    We apologize for the delayed response, can you try this instead:

    @media only screen and (max-width:767px) {
      .responsive #top .avia-slideshow-controls a {
        display: block !important;
        opacity: 1 !important;
      }
    }

    Best regards,
    Nikko

    #1146817

    Thank you a lot Nikko and all Enfold Team Support.

    One more time solve _my_ problem so fast!

    #1147035

    Hi,

    Great, I’m glad that Nikko could help you out. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    #1147433

    Hi,

    Yes, thx a lot one more time. We can close the topic!

    #1147514

    Hi,

    Thanks for letting us know, I’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

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

The topic ‘Easy Slider doesn't show on mobile Portrait Mode only’ is closed to new replies.