• Closed by: Alex
  • Closed on: 25.11.15, 22:40
  • Reason: Fixed
  • Comment: Glad to help!

Ticket #8873 - Logo Display Troubles under Chrome

Hi
i’m using your last release 2.2 under ps 1.6.1.2
i have some display troubles under Google Chrome Only
The problem happens only on the pruduct page : the logo is very small

Could you chack please

here is my custom CSS

/* bug logo Chrome */
@media (min-width:1200px) {
#header_logo .img-responsive {max-width: 900px;}
#header {height:230px}
.cart-section .shopping_cart > a {width:200px}
}

@media (max-width:1199px) and (min-width:980px) {
#header_logo .img-responsive {max-width: 800px;}
#header {height:330px}
.header-inner-right {top: 175px; right: 0px;}
.cart-section .shopping_cart > a {width:200px}
}

@media (max-width:979px) and (min-width:769px) {
#header_logo .img-responsive {max-width: 680px;}
.header-inner-right {top: 175px; right: 0px;}
#header {height:320px}
.cart-section .shopping_cart > a {width:200px}
}

/* bug panier */
@media (max-width: 480px) {
#search_block_top {padding-top:25px; float:right}
}
@media (max-width: 767px) and (min-width:479px) {
#search_block_top {padding-top:35px; float:left}
}
@media (max-width: 767px) {
.cart-section {top: 0; right: 20px;}
#header {height:260px}
body #header #header_logo, .logo-container {padding-top:50px}
.shopping_cart {padding-top: 68px;}
}
.header-inner-right {display: block;}
/* MENU */
.preset8 .flexmenu > ul > li:first-child {

  border-left: none;
  padding-left: 5px;

}
.preset8 .flexmenu > ul > li {

  border-right: none;

}
#main-nav-container {

 background: #555859 !important;
 color: #ffffff !important;

}
#page .flexmenu ul li a {

  color: #ffffff;
  font-family: "open sans" !important;
  font-size: 14px !important;
  font-weight: bold !important;
  letter-spacing: 2px !important;

}
.flexmenu > ul > li > a {

  padding: 15px 20px !important;

}
#page .flexmenu > ul > li:first-child > a {

  padding-left: 0 !important;

}
/*Header top*/
.nav {

  background-color: #56595a;
  border-style: solid;
  border-top-width: 4px;
  border-color: #f173ac;
  color: #f173ac;
  font-size: 14px;
  height: 40px;
  list-style: outside none none;
  margin-bottom: 0;
  padding-left: 0;

}
.header_user_info > span {

  margin-right: 10px;
 color: #ffffff;

}
.header_user_info {

  float: right;
  margin-right: 15px;
 margin-top: 10px;

}
/*Header background*/
header {

 background: #555859;

}
.header-bottom {

  padding-top: 20px;
  padding-bottom: 100px;

}
@media (max-width: 767px) {
.header-bottom {
padding-top:30px;
padding-bottom: 0px;
}
}
#page .header_user_info a {

 color: #ffffff;

}
.preset8 #currencies-block-top div.current {

  background: none repeat scroll 0 0 #555859;
 color: #ffffff;
 border: 1px solid #ffffff;

}
#currencies-block-top div.current {

  color: #555859;

}
/* Block cart */
.preset8 .shopping_cart > a:first-child {

  background-color: #555859;
  border: 1px solid #ffffff;
      margin-left: 8px;
  padding: 6px 15px 7px;

}
.preset8 #main-nav-container {

  border-bottom: none;
  border-top: none;

}
.preset8 .cart-section .shopping_cart > a span {

  color: #ffffff;

}
/* COMPTE CLIENT */
#pk_customlinks li.pk_account ul li {

  border-top: 1px solid #f0f0f0;
  margin: 0 !important;
  padding-left: 15px;
  background: #fee0ee;
  color: #ffffff;

}
/*SEARCH*/
#search_block_top #search_query_top {

 background-color: #555859;
  color: #ffffff;
  font-size: 13px;
  font-style: italic;
  height: 35px;
  line-height: 20px;
  margin-right: 1px;
  padding: 8px 15px;

}
.preset8 #search_block_top #search_query_top {

      border: 1px solid #ffffff;
    height: 38px;

}
.preset8 #search_block_top .btn.button-search {

  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  margin-top: 0;

}
/*FOOTER*/
.footer-container #footer #block_contact_infos > div ul li {

  font-size: 15px;
  line-height: 20px;
  overflow: hidden;
  padding: 0 0 15px 0;

}
.footer-container #footer #block_contact_infos > div ul li > span, .footer-container #footer #block_contact_infos > div ul li > span a {

  color: #ffffff;

}
.footer_bottom-top-border {

  border-top: none;
  padding-top: 5px;
  padding-bottom: 35px;
  background: none repeat scroll 0 0 #555859;

}
#footer ul.bullet li, #footer ul.bullet li a, .footer-container #footer #block_contact_infos > div ul li, .preset8 .facebook-box .fb_fans, .preset8 .facebook-box .fb_followers li:hover div.fb_name, .preset8 .facebook-box .fb_followers li div.fb_name {

  color: #ffffff;

}
#footer ul.bullet li:before {

  background: none repeat scroll 0 0 #f173ac !important;

}
.footer-container #footer h4, .footer-container #footer h4 a {

  color: #f173ac;

}
#footer ul.bullet li, #footer ul.bullet li a {

  font-size: 15px;
  font-weight: normal;
  line-height: 15px;
  padding-bottom: 5px;

}
.footer-container {

  background: none repeat scroll 0 0 #555859;

}
#footer ul.bullet li a:hover {
color: #f173ac;
}
.footer-container #footer #block_contact_infos > div {

  padding: 0;

}
/* HYPERLINK*/
body .main_color, body .main_color_hover:hover, #page .header_user_info a, .header-inner-bottom .cart_block .price, #testimonials .testimonial-author, #product_comments_block_tab .comment_author_infos strong, .f-label:before, .f-label, .contact-form-box .uploader span.action, .t-label:before, .t-label, #layer_cart .layer_cart_product h2, #pk_customlinks .text_desc .price, #page .flexmenu > ul > li:hover > a, #page .flexmenu > ul > li.current > a, .prPrice, #page a:not(.button), .header-box-icon:before, .preset1 #pk_customlinks .ic, .preset1 .cart-menu-icon:before, .preset2 #pk_customlinks .ic, #cmsinfo_block > div h3:before, .simpleblog-posts .post-additional-info, .simpleblog-single .post-additional-info, #page ul.myaccount-link-list li a i, #page .header-inner-bottom .cart_block .price, .preset7 .productsCarousel .bottom_block .content_price .price, .preset7 #productsCarousel_bottom .bottom_block .content_price .price, .preset7 .view_grid ul.product_list > li .price.product-price, .preset7 .view_list ul.product_list .price.product-price, .preset8 #pk_customlinks .ic, .preset8 .cart-menu-icon:before {

  color: #f173ac;

}
/* MINI SLIDER*/
.minic_slider-wrapper {

  margin-bottom: 0px;
  overflow: hidden;

}
/* PK FEATURE */
#pk_features li h4 {

  color: #f173ac;
  font-size: 17px;
  font-weight: normal;
  line-height: 19px;
  margin: 0;
  text-transform: uppercase;

}
/*GENERAL*/
#pk_features {

  margin-bottom: 10px;
  overflow: hidden;
  position: relative;

}
#message {

  color: #fff;
  font-family: "Oswald";
  font-size: 150%;
  font-weight: bold;
  padding: 20px 0;
  text-align: center;
  text-transform: none;

}
/*PANIER*/
.alert-warning {

  background-color: #555859;
  border-color: #555859;
  color: white;

}
/*COMMANDE*/
.page-heading {

  font: 24px/24px "Slabo 13px" !important;

}
/*PRODUIT*/
.box-cart-bottom {

  padding: 10px 0 10px 35px;

}
.bodies-indent {

  height: 150px;
  max-height: 470px;
  overflow: auto;
  padding: 15px 15px 15px 30px;

}
#last_quantities {

  background: none repeat scroll 0 0 #f173ac;
  border: 1px solid #e4752b;
  padding: 4px 8px 3px;
  position: relative;
  top: 1px;

}
.pb-center-column h1 {

  color: #f173ac;
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
  margin: 15px 0 0;
  padding-bottom: 16px;

}
#product #center_column .pb-left-column {

  height: 550px;

}
#availability_statut #availability_value.warning_inline {

  background-color: #f173ac;

}
span.subtitle {

  color: #444645 !important;
  font: 24px/24px "Slabo 13px" !important;
  line-height: 17px;
  margin-bottom: 20px;
  border-left-style: solid !important;
  border-left-width: 4px !important;
  border-color: #f173ac !important;
  padding-left: 15px;

}
/* BORDURES */
#page #pk_customlinks .dd_container, .nav, #isotopeSort h4, .editorial_block h1, .title-bg h3, #manufacturersCarousel h3, .view_btn:hover, .view_btn.act_btn, .pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus, #page .pagination > li > a:hover, #layered_block_left span.layered_close a:hover, #view_scroll_left:hover, #view_scroll_right:hover, #attributes .attribute_list .no-radiobuttons li label:hover, .page-heading, .icon-remove2:hover::before, .ph_simpleblog h1, ul.step li.step_current, ul.step li.step_done, #page .cart_block_wrapper, #page .flexmenu > ul > li div.submenu, #page .flexmenu > ul, .twitter-feed .flexisel-nav:hover, #banners_carousel .flexisel-nav:hover, .productsCarousel .flexisel-nav:hover, #pk_reinsurance_block h4.title_block, #pk_reinsurance_block .flexisel-nav:hover, #pk_features .img-wrapper, #page .vert-flexmenu > ul > li div.submenu, .vert-flexmenu .flexisel-nav:hover, .homefeatured-block h4, #homepage-slider .bx-controls-direction a:hover, h3.page-product-heading:hover span, h3.page-product-heading.active span, .preset4 #search_block_top .btn.button-search:hover, .productsCarousel ul.tab-nav li.tab.active h3 span, .productsCarousel ul.tab-nav li.tab:hover h3 span, .preset6 #isotopeSort li .function_button a:hover, #category.preset6 .product_list .function_button .button:hover, .preset7 #page .tp-bullets.simplebullets .bullet.selected, .preset7 .productsCarousel .price.product-price, .preset7 #productsCarousel_bottom .price.product-price, .instagram-feed .flexisel-nav:hover, #newsletter_block_left .button.excl, .instagram-feed.instabg .flexisel-nav:hover {

  border-color: #f173ac;

}
/* LISTE PRODUITS */
#page .right-block a.product-name {

  color: #696c6a;
  font-size: 18px;

}
/* MANUFACTERS */
#productsCarousel_single .flexisel-nav-wrapper, #manufacturersCarousel .flexisel-nav-wrapper, .simpleblog-recent .flexisel-nav-wrapper, #productscategory_list .flexisel-nav-wrapper, #crossselling_list .flexisel-nav-wrapper, #productsCarousel_bottom .flexisel-nav-wrapper, #pk_reinsurance_block .flexisel-nav-wrapper {

  background: none repeat scroll 0 0 #fff;
  height: 41px;
  padding-left: 17px;
  position: absolute;
  right: 0;
  top: 115px;

}
#productscategory_list li.product-box .product-name a {

  color: #646464;
  font-size: 12px;
  text-decoration: none;

}
/* BOUTON PAGE SUIVANTE */
.pagination > li > span, #page .pagination > li > a {

  border-radius: 1px;
  color: #808080;
  height: 50px;
  line-height: 50px;
  margin-left: 5px;
  min-width: 0;
  padding: 0;
  text-align: center;
  width: 50px;

}
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus, #page .pagination > li > a:hover {

  background-color: #f173ac;

}

Thanks for your help
Jerome

Comments

Kate Support 23 Nov 2015, 16:06

Hi, please give the link to your store. The one in your profile is not working.

Regards

Kate Support 25 Nov 2015, 10:09

Try to add this code to TS > Custom CSS

#header_logo .logo {max-width:none}
mephivio 25 Nov 2015, 21:45

Thanks Kate
it works !