Post Slider Entries don't resize correctly when I resize the browser

Hi!

1) You can set a logo height for smaller screens with a media query – i.e. insert following code into the quick css field

@media only screen and (max-width: 767px){
.responsive .mobile_slide_out .logo img {
max-height: 80px !important;
}
}

2) The list item icons size won’t change – regardless of the screen resolution. The main reason is that the user wouldn’t be able to see the icon with a reduced font size.

3) The post slider image size changes because Kriesi turns a 4 column grid into a 2 column grid if the user views the website with a low resolution. The main reason is that a 4 column grid would make the content unreadable in certain cases. If you want to keep the 4 column structure insert following code into the quick css field

@media only screen and (max-width: 767px){
.responsive #top .avia-content-slider-even .slide-entry.slide-parity-odd, .responsive #top .avia-content-slider-odd .slide-entry.slide-parity-even {
margin-left: 4%;
clear: none;
}

.responsive #top .slide-entry {
width: 20%;
margin-left: 4%;
}
}

Regards,
Peter