- Priority: 0
- Status: Closed
- Theme: Venedor
-
Assigned To:
Kate Support
- Private: No
- Open Date: 22.11.15, 23:59
- Opened by: mephivio
- 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
Hi, please give the link to your store. The one in your profile is not working.
Regards
For instance :
https://www.nosenfantsterribles.com/fr/magnetique-fishing-dream.html
Try to add this code to TS > Custom CSS
Thanks Kate
it works !