Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • July 27, 2015 at 11:43 pm #479342
    inchmasterflex

    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

    July 28, 2015 at 12:46 pm #479663
    Yigit

    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

    July 28, 2015 at 12:56 pm #479671
    inchmasterflex

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

    July 28, 2015 at 1:03 pm #479677
    Yigit

    Hey!

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

    Cheers!
    Yigit

    July 28, 2015 at 1:11 pm #479681
    inchmasterflex

    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?

    July 30, 2015 at 5:48 am #480525
    Rikard

    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

    July 30, 2015 at 10:46 am #480592
    inchmasterflex

    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

    July 31, 2015 at 7:42 am #481115
    Rikard

    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

    July 31, 2015 at 12:10 pm #481274
    inchmasterflex

    Hi, thanks that’s fixed it.

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