Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #205442

    Hi,

    Could you please tell me the code necessary to fix the content slider height on my homepage?
    I’d like to fix this so it doesn’t move the content below up and down between slides.

    Thanks
    Ruth

    #205443
    This reply has been marked as private.
    #205482

    Hey!

    I don’t see any content slider on the website. Can you please point us to the actual page?

    Cheers!
    Ismael

    #205534

    It’s on the homepage that I posted!
    It’s very simple – the slides are just different lines of white text that rotate across the bottom of the image. (One line is longer than the other and so makes the slider taller and moves the content beneath up and down).
    Someone testing the site in IE9 reported not being able to see the slider previously but I’ve only been able to do limited browser testing so far, so if that’s the issue please let me know!

    #205615

    Hey!

    You can try something like this:

    #top.home .avia-content-slider-inner {
    height: 30px !important;
    }

    And adjust the height as needed.

    Regards,
    Devin

    #205695

    Brilliant, thank you very much for your help.
    That’s working perfectly for regular browsers, but under a certain width ~485 (or on mobile internet), the slider doesn’t expand to show all the text and this code doesn’t seem to have an effect. Is there different code for the content slider when on mobile or a very small browser?

    @media only screen and (min-width: 491px) {
    #top.home .avia-content-slider-inner {
    height: 50px !important;
    } }

    @media only screen and (max-width: 490px) {
    #top.home .avia-content-slider-inner {
    height: 100px !important;
    } }

    Thanks again,
    Ruth

    #205699

    Its taking effect but you need to pull the content slider up a bit for it to show fully. Like:

    
    @media only screen and (min-width: 491px) {
    #top.home .avia-content-slider-inner {
    height: 50px !important;
    } }
    
    @media only screen and (max-width: 490px) {
    #top.home .avia-content-slider-inner {
    height: 100px !important;
    margin-top: -50px;
    } }
    
    #205705

    That’s sorted it, thank you very much!

    And just to say, I’m really impressed with the Kriesi support team. You’ve
    all made it possible for me to quickly put together a site far beyond my
    own capabilities and I really appreciate your patience with less
    knowledgable users like myself!

Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘Content slider height’ is closed to new replies.