Jump to content

header 100%


bdnivan

Recommended Posts

Hola gente, estoy intentando poner el 100% de la cabecera en mi tienda de prestashop pero no lo consigo sin que se me mueva todo.

 

La idea que una imagen de 1px se copie en todo el ancho de la web, pero solo la cabecera.

 

Alquien me puede ayudar?

 

Gracias

Link to comment
Share on other sites

#header-fluid{
    position:relative;
    background:#FAFAFA url('../img/autumn/header-top-bg.png') repeat-x 0 0;


    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.25);
    -moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.25);
    -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.25);
    
    height:100px;
    z-index:10;
}
 
 
 <div id="header-fluid" class="fluid-bg">
        <div class="container">
            <!-- Header -->
            <div id="header" class="column full">
                <div id="header-logo">
                    <a href="{$base_dir}" title="{$shop_name|escape:'htmlall':'UTF-8'}">
                        <img class="logo" src="{$logo_url}" alt="{$shop_name|escape:'htmlall':'UTF-8'}" />
                    </a>
                </div>
Ese sería un ejemplo del css y del html que tendrías que incluir en el header.tpl de tu theme.Tambien depende de la esctructura de la plantilla que utilices

 

  • Like 1
Link to comment
Share on other sites

  • nadie locked this topic
Guest
This topic is now closed to further replies.
×
×
  • Create New...