e-chollo Posted July 12, 2016 Share Posted July 12, 2016 Hola buenas, me a surgido un problema y es que de repente me a desaparecido el header en version responsive a partir de 767px para abajo, he visto este display:none pero me sale desajustado, siendo que antes se veia bien alguien puede echar una mano por favor, copio codigo, la pagina es esta @media only screen and (max-width: 767px) { #page { } /*#header .header_container, .facebook-fanbox {display:none;}*/ #footer .footer_inner, #columns .columns_inner { width:auto; margin:0 15px;} #header {margin:0;width:auto;} .flexslider .slides img {margin-top: 20px;} #page {} #center_column ,#toplink,#tmcmsblock{ width:100%; float:left;} #left_column, #right_column { width:100% !important; margin:0;} #right_column .block_content, #left_column .block_content{ display:none;} .toggle .mobile_togglecolumn{display:block;} #tm_leftbanner ul, #tm_rightbanner ul { display:none;} /*bloqueo contacto*// #megamenu {display:none;} /*bloqueo megamenu*/ #search_block_top #search_query_top {width: 88%;} .block .title_block, .block h4,#contact_block .title_block, #contact_block h4,#special_block_right p.title_block, #special_block_right h4 { padding:8px 11px;} #left_column_inner,#right_column_inner { width:100% !important; margin:0 auto;} #wishlist_block select#wishlists, .blocksupplier select#supplier_list, .blockmanufacturer select#manufacturer_list { width:220px!important; height:auto!important } #wishlist_block .customSelectInner, .blocksupplier .customSelectInner, .blockmanufacturer .customSelectInner{ width:220px!important; } /* header */ .product_list li.last_item_of_line .product-block { margin:6px;} /*for header*/ .primary-nav li ul li ul a { padding:5px 0 5px 10px;} .primary-nav li ul li ul li ul a { padding:5px 0 5px 10px;} ul#header_links,#topcontrol{display:none !important;} #header_left { height: 75px;text-align: center;} #header_logo { position: relative;top: 15px;} #header_right { height: 140px; margin-bottom:13px;} #header_right #languages_block_top, #header_right #currencies_block_top { float: left; margin:0; padding:0; width: 25% !important; border-radius:0; border:none; } #header_right #languages_block_top { left: 25%; right: auto; top:0; } #header_right #currencies_block_top { right: 25% !important; left:auto; top:0; } #header_right #languages_block_top p,#header_right #currencies_block_top p{color:#fff;} #countries {border-left: 1px solid #FFFFFF;} .tm_permalinkmenu { background: none repeat scroll 0 0 #545F61; text-align: center; display: block; color: #FFFFFF; float: left; margin: 0; padding: 0; border:none; width: 25% !important; margin-top:10px; } .tm_permenu_inner { background: none repeat scroll 0 0 #e76453; overflow: hidden; padding: 10px 0; cursor:pointer; } .header_links { background: none repeat scroll 0 0 #f6f6f6; display: none; position: absolute; width: 25%; z-index: 95; border:1px solid #CBCACA ; border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px; -moz-border-radius:0 0 3px 3px; } #countries .countries_ul,#setCurrency .currencies_ul,#header #cart_block { border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px; -moz-border-radius:0 0 3px 3px; } .header_links li { list-style:none; text-align:left; } .header_links li a{padding:5px 10px; display:block; } .header_links li a:hover{ text-decoration:none;} #header_right #header_user {position: absolute;right: 0;top: 0;width: 25%; margin-top:0;} #shopping_cart .ajax_cart_no_product, #shopping_cart a .ajax_cart_product_txt, #shopping_cart a .ajax_cart_product_txt_s {display: none !important; } #header_user #header_nav { background: none repeat scroll 0 0 #F6F1DB; width: 100%; border-left:1px solid #fff; margin-top: 10px; } #header #cart_block {top: 115px; background:#f6f6f6;} .ajax_cart_a, .ajax_cart_a:hover { background-color: #e76453; border-radius: 0 0 0 0 !important; border:none; color: #FFFFFF; background-image:none; text-align:center; background-image: url("../../img/shopping_cart.png"); background-position: center center; background-repeat: no-repeat; font-size:0; } .ajax_cart_a{ padding:11px;} #search_block_top {top:60px; left:0; right:0; width:96%;border-radius:5px;} #search_block_top #search_query_top {width:88%;padding-right:15px;} #countries , #setCurrency{ margin-top:-1px; text-align:center; padding: 11px 0; border-right:1px solid #fff; background-color:#e76453; color:#FFFFFF; } #countries .countries_ul, #setCurrency .currencies_ul {left: 0;position: absolute;top:38px;width:151px; text-align:left;} #header_right #languages_block_top p, #header_right #languages_block_top p:hover, #header_right #currencies_block_top p,#header_right #currencies_block_top p:hover { margin: 0 auto; padding: 0; text-align: center; width:85%; } .top_downarrow {padding-left:8px;} .headertoggle_img {margin:0 auto; float:none; cursor:pointer;} .welcome_link { position: absolute; text-align:center; top:110px; width: 100%;} #header_user_info {float: none;} #categoryImage{ max-width:100%; height:auto;} #pb-right-column{ width:100%; } #pb-right-column #image-block , #pb-right-column #views_block{ width:302px; margin:0 auto 10px; } #pb-left-column{ width:100%; margin:0 auto 10px; } #attributes .attribute_list{ width: 70%; margin-top:5px;} #view_as{ display:none; } .sortPagiBar form.nbrItemPage{ margin-left:0px;} #usefull_link_block{ padding:10px 0 0 0; overflow:hidden; border-bottom:1px solid #ddd; border-top:1px solid #ddd; margin-bottom:15px; } #usefull_link_block li{ float:left; padding-right:10px; padding-bottom:10px; } #ordermsg .textarea textarea,#ordermsg p.txt{ width:100%; } ul.address , .addresses ul.address{width:100%; margin-bottom:10px;} .tm_responsive_group{margin: 1%; padding: 3%; width: 92%;}/* responsive tabls css */ .tm_responsive_group .cart_quantity_button { float:left; margin-right: 5px;} #opc_account_choice .opc_float { width:48%;} #center_column fieldset p.textarea textarea, #center_column fieldset p.text input, #center_column fieldset p.select input, #center_column fieldset p.password input{ width:260px !important; } #homeproductscatab ul.tabs li{ font-size: 12px; padding: 0px 8px; margin-right: 1px; } #module-blockwishlist-mywishlist #mywishlist p.text input, #center_column #form_forgotpassword fieldset p.text input{ width:200px!important;} #module-blockwishlist-mywishlist #mywishlist p.text label, #center_column #form_forgotpassword fieldset p.text label{ width:auto!important; text-align:left; margin-right:5px;} #add_address p.text input, #add_address p.password input, #add_address p.select input , #add_address p.textarea textarea { width:290px; } #module-blockwishlist-mywishlist .wishlisturl input{ width: 80% !important; } #sitemap_content div.sitemap_block , #listpage_content div.categTree, #listpage_content div.categTree{ width:100%; margin-bottom:20px; } #listpage_content{ margin-top:10px; } #map , #create-account_form, #authentication #login_form{width: 100%; } .tm_responsive_row span { width:auto;} .order-detail-table .tm_responsive_container .order_qte_input , .advertising_block , .zoomdiv, #pb-right-column #image-block #view_full_size .span_link{ display:none !important; } #address_delivery{ margin-right:0; } #identity .std #security_informations , #identity .std p.submit{ padding-left:10px; } #tm_topbanner,#left_column .paiement_logo_block{display:none;} .subbanner li { width: 32%;} .blockcategories_footer, #footer .myaccount, #block_contact_infos, .block_footer{width:40%;} #languages_block_top .top_downarrow,#currencies_block_top .top_downarrow { background-image: url("../../img/megnor/header-right-down_res.png");} #languages_block_top.active .top_downarrow ,#currencies_block_top.active .top_downarrow{ background-image: url("../../img/megnor/header-right-up_res.png");} #social_block{right:20px;} #footer #newsletter_block_left{width:auto;} #social_block{display:none;} #footer #newsletter_block_left .title_block{font-size:11px;width:100%;background: none;color:black;text-align: left;font-size:16px;} #tmcmsblock .banner { width: 22.5%;} .subbanner .banner4 .h1,.subbanner .data .h1{font-size:13px;} .subbanner .data .h2,{font-size:11px;} #tm_subbanner li { width: 31%;} .header_top{display:none;} #special_block .block_content li {margin: 0 15px 15px -5px; } #left_column, #right_column {display:none;} } Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now