Header modification question

[ajensen27]

Can someone please point me in the right direction. I want to remove the space between the logo and the top nav bar. So basically I wan the header to be my logo then right next to that in the center would be the search bar (can I make this smaller?) and then next to that my cart.

 

I've been tinkering around with the header.tpl file but I'm not an expert on web design (I can understand the basics).

 

Appreciate anyone's help on this.

 

Thanks!

Alex

[ajensen27]

Hello,

 

I am trying to move the logo down so that it is in line with the search bar (can this be made smaller too?) and shopping cart in the header. Can someone please help me figure out how to do this? I tried messing with the header.tpl file but couldn't figure it out.

 

Thanks!

Alex

[halennoor]

can you post your url so someone can help you out easily.

[CartExpert.net]

Hi.

 

You can do that with CSS.

 

Regards.

 

Robin.

 

The CartExpert Team

[ajensen27]

Could you be so kind as to explain where in the global.css I would make these changes? I'm not very proficient in web design but can pick it up quickly.

 

Would I modify any of this code?

 

/* ************************************************************************************************
 HEADER
************************************************************************************************ */
#header {position:relative}
#header_logo {
float:left;
display:block;
margin-top:30px;
}
#header_right {
position:relative;
float: right
}

[ajensen27]

Sorry... As you can see there's a huge space under the logo.

 

http://www.incontishop.com/

[vekia]

Sorry... As you can see there's a huge space under the logo.

 

http://www.incontishop.com/

 

It's because right collumn is too big.

 

you must to change the width of:

 

.container_9 .grid_6 {

width:646px;

}

 

in grid_prestashop.css file

 

 

 

Edited September 19, 2012 by vekia (see edit history)

[ajensen27]

Thank you, thank you, thank you!!!! That did it!

 

Can I ask what software you are using above to view the code?

 

-Alex

[vekia]

Thank you, thank you, thank you!!!! That did it!

 

Can I ask what software you are using above to view the code?

 

-Alex

 

That is a Firebug addon. You can add this feature both to firefox and chrome.

firebug for firefox: http://getfirebug.com/

firebug for chrome: https://chrome.google.com/webstore/search/firebug

 

version for firefox is much better

[ajensen27]

I figured it out. Ihad to change the width of grid 6 in container 9 to smaller value. Thanks!

 

.container_9 .grid_6 {

width:646px;

}

[ajensen27]

Thank you so much for your help vekia... Have a good one!

[jhnstcks]

Only one topic per question Topics have been merged together

[hyreee]

Hello, I have the same problems. My prestashop is 1.5.4.1.

I try to search for .container_9, but only hv .container_24.

Please advice. Tq

[vekia]

Hello, I have the same problems. My prestashop is 1.5.4.1.

I try to search for .container_9, but only hv .container_24.

Please advice. Tq

 

you use default template?

[hyreee]

No. I use this theme;

http://www.templatemonster.com/demo/44015.html

[vekia]

so in this case without an access to your store is hard to say what you have to do

[Bob Wagstaff]

Hello, I have the same problems. My prestashop is 1.5.4.1.

I try to search for .container_9, but only hv .container_24.

Please advice. Tq

 

It would be easier if you placed a link to your site so we can see where the problem lies

[hyreee]

this is my website;

www.elzahraa.com

 

But i put in on maintenance. May i have your IP address? I can put it in the

Maintenance IP.

May private msg me as well.

[vekia]

check PM please

[vekia]

in the global.css near the line 235 you've got:

 

#header_logo {
display: block;
position: absolute;
left: 0px;
top: 64px;
}

 

try to decrease top: 64px; value

for example to 47px;

 

effect:

 

 

code to achieve this:

 

#header_logo {
display: block;
position: absolute;
left: 0px;
top: 47px;
}

[hyreee]

Done! Thank you so much.

[vekia]

you're welcome if you've got any questions related to this case - feel free to write