Mobile – Background Image on Slide Layer

  • Battlecat

    (@richardkrone)


    3 weeks, 4 days ago

    Hello:

    Is there a way to remove the background image that is stored at the top parent layer of “SLIDE”?

    I know that anything nested inside of the “CONTENT” layer has options for devices. It seems that the topmost layer called “SLIDE” takes a wallpaper background but has no options for devices.

    I am using the free theme full width post slider as the template.

    Thank you for your time.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support Laszlo

    (@laszloszalvak)

    3 weeks, 4 days ago

    Hi @richardkrone

    The background image of individual slides can be changed in the Style tab of the Slide, as shown here:

    If you want to remove the image completely, you can clear the “Slide background” field there. However please note that this image covers the entire slide area, whereas background images set on the Content layer do not. For example, they won’t cover the full slide if you use the “Limit slide width” option or if a Max width is set on the Content layer.

    If your goal is to use different slide background images for different device views, then the options you have are:

    A.) Display a different slider in the mobile and desktop/tablet view ( in the documentation below we describe how you can hide sliders in different views ):

    B.) Or in the Pro version you can select different images for the different views. However, according to the ww.wp.xz.cn support guidelines:

    we are not allowed to discuss commercial products (such as the Pro version) here. So if you would like more information about this feature, please contact us directly through our ticket system:

    and we’ll be happy to help you there.

    Best regards,
    Laszlo.

    Thread Starter Battlecat

    (@richardkrone)

    3 weeks, 4 days ago

    Thanks for that quick response. I looked at the documentation. It does not match my up-to-date install. I am looking to hide the image on mobile only nothing more.

    Your image on your documentation has more icons that I have.

    https://d33v4339jhl8k0.cloudfront.net/docs/assets/5620be92c69791452ed4c442/images/63eba41be22c9e067d475f68/file-sHGjnkZk8h.png

    My screenshot: https://postimg.cc/5QJ1VXjK

    As you can see in my screenshot I am missing an icon that I can see in your documentation.

    Thanks for looking into this.

    • This reply was modified 3 weeks, 4 days ago by Battlecat.
    Plugin Support Laszlo

    (@laszloszalvak)

    3 weeks, 4 days ago

    Hi @richardkrone

    Yes, the icon in the middle is for the Slide Background video, which is available only in the Pro version. So with the Free version you won’t have some of the options that you see in the documentation.

    As for hiding the slide background image in mobile view:

    I am sorry, we don’t have an option for that. to do that you should use:

    A.) Custom CSS wrapped with a media query that sets the corresponding element to display: none;

    B.) Or as an alternative solution, you should:

    1. duplicate your slider ( so you will have 1 for desktop/tablet and another for mobile )
    2. adjust the mobile view according to your needs
    3. then you should hide both sliders from the corresponding breakpoints via custom CSS ( or the Pro version has a built in feature to hide sliders )

    Here you can read more about this approach:

Viewing 3 replies - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.