Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #241802

    The site I am working on ( http://cadillacsoccer.org/ ) is having some responsive problems.

    1.) The logo goes 1/2 off the page when the size is reduced down to 480px wide (which I think is still common for cell phones) – Current logo size is the recommended 340×146.

    2.) Is there a way to make the avia slider go away at smaller sizes? Say less than 600px width?

    #241914

    Hi kMistDesign!

    1.) You can use this to adjust the logo position on screens smaller than 767px:

    @media only screen and (max-width: 767px) {
    .responsive .mobile_slide_out .logo {
    float: left;
    margin-left: 100px;
    }
    }

    2.) What type of slider do you have? You can use the same media query above to remove a certain slider on smaller screens.

    Cheers!
    Ismael

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.