Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • April 9, 2019 at 7:47 am #1088563
    treemango

    Hi, I spent a bunch of time configuring a slider with a background image to display just right for both computer and mobile. Then, I decided I wanted the effect of a fixed background. The changes I made for this are perfect on the computer, but now the mobile isn’t displaying properly. There must be some kind of way to keep the settings I had before for mobile but let me keep the fixed background for computer.

    April 11, 2019 at 5:59 pm #1089653
    Basilis

    Hey treemango,

    Yes, you can copy those settings and paste their CSS output.
    This could make things work out.

    Best regards,
    Basilis

    April 13, 2019 at 12:26 am #1090175
    treemango
    This reply has been marked as private.
    April 15, 2019 at 7:31 pm #1091056
    Victoria

    Hi,

    Best regards,
    Victoria

    April 16, 2019 at 1:19 am #1091171
    treemango
    This reply has been marked as private.
    April 20, 2019 at 4:43 am #1092798
    Mike

    Hi,
    One way to correct this would be to create a second slider for mobile only, this way you can create a mobile-optimized version.
    Then use the screen options to hide one slider and show the other based on screen size.

    Best regards,
    Mike

    April 20, 2019 at 2:08 pm #1092924
    treemango
    This reply has been marked as private.
    April 20, 2019 at 4:11 pm #1092932
    Mike

    Hi,
    Glad to hear, I took a look at your site and changed your desktop version from using the “hide on mobile” option to using the “hide under” option and set it to 900px.
    This is because it gives you better control. So this makes your break point 900px which is good, but please look at your mobile version for tablets, your caption is still too large. Please see the screenshot (1) in Private Content area.
    Please try setting your “slider canvas” to 890px-625px and then adjust your caption size.
    2019-04-20-100717

    Best regards,
    Mike

    April 25, 2019 at 11:10 pm #1094557
    treemango
    This reply has been marked as private.
    April 26, 2019 at 1:19 am #1094567
    Mike

    Hi,
    For your follow up question, yes, please feel free to make this change. But from my experience, there is no 900px device, but your thoughts are valid :)
    For your question #2, I see that you are using version 4.5.4 of Enfold. Can you please update to v4.5.6, thanks :)

    Best regards,
    Mike

    April 27, 2019 at 2:56 am #1094859
    treemango
    This reply has been marked as private.
    April 27, 2019 at 2:47 pm #1094906
    Mike

    Hi,
    Thanks for the feedback on question #2, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    .avia_mobile #top.home .ls-in-out {
    display: block !important; 
}

    Best regards,
    Mike

    April 27, 2019 at 9:30 pm #1094967
    treemango
    This reply has been marked as private.
    April 27, 2019 at 11:29 pm #1094982
    Mike

    Hi,
    Please try removing this last solution, and try this one instead
    Sometimes the functions.php will require scripts to be added via ftp, please provide logins in the Private Content area if you would like a hand with it.

    Best regards,
    Mike

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • You must be logged in to reply to this topic.