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?
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