Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 22, 2016 at 11:14 pm #570365
    Joe Birch

    Hi guys, have a look at this site
    http://cronkinsure.com/
    It looks great on every device expect for a smart phone.
    The floating caption text with buttons lays funny on the image, in some cases the type and button are cut off. (only on smart phone view)

    Any ideas how to fix this?
    Once fix would be to have the caption text not appear on a smaller screen, just the images that rotate.
    Is there code to make that happen?
    Or if you have another fix.

    This one might stump you guys, let me know what you come up with.

    January 23, 2016 at 2:52 am #570409
    Elliott

    Hey Joe!

    Add this to your custom CSS.

    @media screen and (max-width: 767px) {
.avia-caption-content {
    display: none;
}
}

    Cheers!
    Elliott

    January 24, 2016 at 4:29 pm #570820
    Joe Birch

    Thanks Elliott,
    your code is very close. It has removed the descriptive copy but not the main header or the button.
    Do you have any additional codes in your bag of tricks?
    http://cronkinsure.com/

    Thanks for your assistance on this, I am always amazed at what you guys can do

    January 26, 2016 at 3:49 am #571836
    Elliott

    Hi!

    If your wanting to remove the whole caption then use this instead.

    @media screen and (max-width: 767px) {
.slideshow_caption {
    display: none;
}
}

    When you say header your talking about the main header on the page where the logo and primary menu sit? If so then use this.

    @media screen and (max-width: 767px) {
.slideshow_caption, #header {
    display: none;
}
}

    Cheers!
    Elliott

    • This reply was modified 8 years, 9 months ago by Elliott.
  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.