How do I increase the vertical space above the top horizontal menu?

[PS_Dude]

Still very new to PrestaShop and I intend to hire someone to create a proper theme for me, but in the meanwhile I've been setting up the content etc.  I disabled/removed the account login links at the top of the page, and now the header space has shrunk such that the logo is overlapping/covering the top horizontal menu.  Can someone point me to a quick fix for this please?

Thanks.

 

[vekia]

hello

you use default theme?

are you able to share url to your website (for inspect purposes) 

[PS_Dude]

I do have a theme on it that was experimenting with, but I can remove that if it helps.  I noticed the space at the top got smaller once I removed the account login links, which was with the original theme.  This is the site... http://tinyurl.com/mespo6l

Also, this is the theme I installed ("Nice & Clean")... http://webiz.bg/cleantheme/documentation/

[vekia]

cleantheme.css line 32

.cleantheme .sf-contener {
margin-top: 0px;
}

increase margin-top param, for example to 100px;

effect:

[PS_Dude]

Works... thanks!

 

BTW, I looked at that file yesterday and could not figure it out, partly because I don't know much css, but partly because the file is cryptic (with no line breaks or tab formatting).  Is there some editor you're using to make this more readable?

Thanks.

Edited March 1, 2014 by PS_Dude (see edit history)

[vekia]

im using notepad++

but in fact, code is minified there, and it's hard to check it

[PS_Dude]

I was googling for css editors in the past few minutes and came across tsWebEditor, which is old, but claims to recognize several different web filetypes.  It's not formatting .css as nicely as I'd like, but it breaks up the sections enough to be much easier to interpret...

 

 

.

[vekia]

check this code beautifier: http://procssor.com/

[PS_Dude]

Nice.

[fixgear]

Hey vekia. 
 

I have a related issue (same actually) and was wondering if you could help. 

I use Elation Liquid theme by Elation Base and would like the top margen between the header color strip and my logo to be ZERO. I want the logo to be max top, touching the header color strip. 

See http://www.fixgear.info/probs/headermargen/margen.png for the space I want to remove completely (where the red line is).

I have a new logo that is higher than the one I use now and want it to fit without covering the top horizontal menu so I need to remove the space between the top of the logo and the top color strip.

Here is how I want it to look --> http://www.fixgear.info/probs/headermargen/newLOGOmock.jpg 

Can you tell me which file and line to edit?

And if I cannot remove that space, can you tell me which file and line to edit to increase the top margen above the top horizontal menu like PS-Dude did?

Thanks SO much!

jeremy...

Edited May 27, 2014 by fixgear (see edit history)

[fixgear]

SOLUCIONADO lo mío  

Lo he encontrado tal y como dijiste en global.css, linea 509 en mi caso....

 

#header_logo { float:left;display:block; padding-top:30px; }

 

Cambiando padding-top:30px a "padding-top:0px"

Gracias,

jeremy...