Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #479342

    Hi, I have set a fixed height for the full width easy slider to 400pixels, which looks great, but I didn’t consider how that would look on mobile. Can I remove this for mobile so it goes back to being normal image size? Also can I centre the image height wise in the slider?

    The code currently used is:
    }
    .avia-slideshow ul.avia-slideshow-inner {
    height: 400px !important;
    overflow: hidden;
    }

    thanks

    #479663

    Hi inchmasterflex!

    Please change your code to following one

    @media only screen and (min-width: 769px) {
    .avia-slideshow ul.avia-slideshow-inner {
    height: 400px !important;
    overflow: hidden;
    }}

    Regards,
    Yigit

    #479671

    Great thanks. Can the images be positioned centred in height in the slider?

    #479677

    Hey!

    Can you please post the link to your page where we can see the issue?

    Cheers!
    Yigit

    #479681

    Maybe it’s not a centre height issue, if you go to the homepage (details below) when using a smaller browser window the image scales down but there is a white space underneath the image, i.e. the image doesn’t fill the block.

    On a separate note, not sure this is allowed on this thread, I’ve amended the H2 setting in Advanced Styling but this isn’t being applied to the mobile site, how could I fix this?

    #480525

    Hi,

    Please try the following instead:

    @media only screen and (min-width: 1235px) {
    .avia-slideshow ul.avia-slideshow-inner {
    height: 350px !important;
    overflow: hidden;
    }
    }

    Not sure how the H2 setting is not applying though, could you give an example please?

    Best regards,
    Rikard

    #480592

    Hi,

    Thanks, that’s fixed the issue with the image size for the full width easy slider, but it seems to have broken the image on the ‘massage’ page. This wasn’t a full width easy slider, I added in a full width image with hotspots. Could you please take a look and let me know if it can be fixed?

    The H2 setting is working today – I haven’t changed anything but for some reason it is now formatting correctly!

    Thanks

    #481115

    Hi,

    Please try the following instead, it will only apply to the front page:

    @media only screen and (min-width: 1235px) {
    .page-id-2 .avia-slideshow ul.avia-slideshow-inner {
    height: 350px !important;
    overflow: hidden;
    }
    }

    Cheers!
    Rikard

    #481274

    Hi, thanks that’s fixed it.

Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Remove fixed height on easy slider for mobile’ is closed to new replies.