Jump to content

Rediseño Template - Container full width


Recommended Posts

Buenos días.

 

Estoy dándole mil vueltas a lo mismo y no consigo dar con el problema.

 

Estoy rediseñando el template de prestashop por defecto. Y cuando quiero que el contenedor del nav tenga un width 100%, los articulos que tengo más abajo, los productos destacados, en ellos desaparece la posibilidad de "Vista rápida", es algo extrañísimo. No sé por qué influye que incluya este código para que deje de funcionar esa opción, comento únicamente el "width:100%" y funciona, paranormal...

 

Dejo aquí mi scss personalizado y una captura de pantalla, y resalto en rojo los que me están dando problemas.

 

Un saludo y gracias si alguien puede resolverme el misterio.

 
 
/*Módulos*/
 
#home-page-tabs {
    display: none;
}
 
/*Módulos*/
 
/*Divs*/
 
body{
    overflow-x: hidden !important;
}
 
header{
    padding-bottom: 0;
}
 
 
 
header .row #header_logo {
    position: absolute;
    z-index: 2;
    right: 0;
}
 
#block_top_menu {
    padding-top: 0;
}
 
 
#block_top_menu .sf-menu, #block_top_menu .sf-menu > li > a, #block_top_menu .sf-menu > li  {
    background: none;
    border: none;
}
 
.logo{
    float: right;
}
 
#header .shopping_cart {
    padding-top: 0;
    float: left;
}
 
#columns{
    padding-top: 0;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    width: 100%;
}
 
#homepage-slider {
    margin-bottom: 0;
    padding-top: 0 !important;
}
 
#slider_row{
    background-color: red;
    margin-bottom: 2.5rem;
}
 
.header-container .container{
    max-width: 100%;
    min-width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
}
 
.bx-wrapper {
    max-width: 100%;
    min-width: 100%;
    max-height: 90vh;
}
 
#homepage-slider .homeslider-description {
    bottom: 50%;
    top: initial;
}
 
/*Divs*/
 
/*Medias*/
 
@media (min-width: 1200px){
    #homefeatured {
        padding-left: 4rem;
        padding-right: 4rem;
    }
}
 
 
@media (min-width: 769px){
    .homeslider-description p {
        font-size: 2.2rem !important;
    }
}
 
@media (max-width: 768px){
    .homeslider-description p {
        font-size: 1.8rem !important;
    }
 
}
 
@media (max-width: 480px){
    .homeslider-description p {
        /*font-size: 1.2rem !important;*/
        display: none;
    }
 
}

 

 

post-1312458-0-97060700-1473845298_thumb.jpg

 

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...