• Closed by: Kate Support
  • Closed on: 30.05.15, 17:55
  • Reason: Fixed
  • Comment: Glad to help!

Ticket #7750 - Top banner does not look good in Mobile

Top banner does not look good in Mobile

The following http://www.magiayseduccion.com/sexshop/ domain in view of a Smartphone looks like in the attached picture. Any solution?

Thank you in advance

Rafae

Comments

Kate Support 29 May 2015, 09:35

Hi,
Add this code to Theme Settings > Custom CSS 

@media (max-width:479px) {
.topbanner img.img-responsive.dib {width:375px; height:auto}
#search_block_top {top: 190px;}
#pk_customlinks {top: 232px;}
#header {height: 188px;}
}

@media (max-width:727px) and (min-width:480px) {
.topbanner img.img-responsive.dib {width:480px; height:auto}
#search_block_top {top: 190px;}
#pk_customlinks {top: 232px;}
#header {height: 190px;}
body #pk_customlinks li a span {font-size: 11px;}
}

@media (max-width:979px) and (min-width:728px) {
.topbanner img.img-responsive.dib {width:728px; height:auto}
#shopping_cart {min-width: 150px;}
#search_block_top {width:150px}
}


Regards!

Rafael Chavez 30 May 2015, 06:27

Muchas Gracias Regards

Rafael Chavez 30 May 2015, 06:31

Observe the slider. It is cut as shown in the image.

I appreciate your help

Rafael

Link: http://www.magiayseduccion.com/sexshop/

Kate Support 30 May 2015, 08:29

Hi,
Add this code as well

@media (max-width: 980px) {
.nivoSlider {height: auto;}
}

@media (max-width: 727px) {
#minic_slider {margin: 0 0 20px 0;}
}

It will fix the issue.

Regards!

Rafael Chavez 30 May 2015, 17:17

Muchas Gracias

Kate

Kate Support 30 May 2015, 17:54

You’re welcome! Best regards!