Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 4, 2014 at 11:35 pm #205442
    grc_rh

    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

    January 4, 2014 at 11:36 pm #205443
    grc_rh
    This reply has been marked as private.
    January 5, 2014 at 5:41 am #205482
    Ismael

    Hey!

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

    Cheers!
    Ismael

    January 5, 2014 at 12:00 pm #205534
    grc_rh

    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!

    January 5, 2014 at 6:40 pm #205615
    Devin

    Hey!

    You can try something like this:

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

    And adjust the height as needed.

    Regards,
    Devin

    January 5, 2014 at 10:53 pm #205695
    grc_rh

    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

    January 5, 2014 at 11:25 pm #205699
    Devin

    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;
} }
    January 6, 2014 at 12:24 am #205705
    grc_rh

    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!

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Content slider height’ is closed to new replies.