Editing the size of responsive content

  • Resolved epunk

    (@epunk)


    7 years, 5 months ago

    Hi

    I have the slider installed and working well, and sized it the way I like via my theme
    However, when I drop into the mobile landscape view, the slider is too big too see (vertically)

    I tried to add extra padding to the site – left and right, but this causes the image to become cropped rather than resized. I can add padding to the slider via the addons page, however this is global, and I only want to add padding to the mobile landscape view as the other types of display work fine.

    How do I go about changing this, and just this element?

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author simonpedge

    (@simonpedge)

    Hi, you need to use CSS Media Queries to create CSS rules that are only executed when the screen with falls within a certain resolution, and for mobile landscape this is typically from 480 to 767 pixels width.

    So in your style.css file you would have:
    @media only screen and (min-width:480px) and (max-width:767px) {
    /* YOUR MOBILE LANDSCAPE SPECIFIC CSS RULES GO HERE */
    }

    This feature doesn’t work…

    View post on imgur.com

    How do i do it responsive? I need to display 1 on mobile I use html code within the slider. Would appriciate some help asap if possible ?? Can’s find the anchor the the slide 1-2-3 etc to use @media.

    Thanks

    Plugin Author simonpedge

    (@simonpedge)

    The “items displayed” feature does work, and has not been changed at all for the new release of SA Version 2.

    I’m guessing its something else unrelated, possibly a JavaScript error on the site that’s preventing the SA slider from initialising properly. Can you give me the link please so I can have a look.

    Please e-mail me at [email protected] and I’ll send it over.

    Plugin Author simonpedge

    (@simonpedge)

    Ok this has been resolved.

    FYI for others viewing this…
    Slide Anything was clashing with another installed plugin called ‘Owl-Carousel’.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Editing the size of responsive content’ is closed to new replies.