Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #570365

    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.

    #570409

    Hey Joe!

    Add this to your custom CSS.

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

    Cheers!
    Elliott

    #570820

    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

    #571836

    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.
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.