Jump to content

Recommended Posts

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

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 account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...