Problem with Logo Image on the Header

[ActionMusique]

Hi Prestashop community,

 

I've been searching on internet for few hours and I can't find the solution. Maybe I don't have the good terms but I got a problem with my website header. I'm new at this and my knowledge is not at 100%.

 

My logo, that is place at the left, is going thru (on) my header (categories, etc..)

 

as you can see there : temp.actionmusique.com

 

 

 

Normally, i'm suppose to have the same categories on the top of my website. But the logo take too much space in the header.

 

What can i do to resize the header of my website? That my logo can fit normally. I tried to shrink my logo but does not look really good.

 

 

waiting for your answers and thanks in advance!

 

______

Jeff

Action Musique INC

Edited May 20, 2014 by ActionMusique (see edit history)

[dioniz]

Hey Jeff

 

You can move logo up in yourdomain/themes/default/css/global.css

 

Find this:

#header_logo {
    left: 0;
    position: absolute;
    top: 30px;
    z-index: 1;
}

and change top to whatever you like (i would move it up a bit)

 

then in yourdomain/modules/blocktopmenu/css/superfish-modified.css find

 

.sf-menu {
    float: left;
    margin-bottom: 1em;
}

and add margin-top:20px; (put your own px instead of 20) to it

[ActionMusique]

Amazing Reply dioniz !! Thank you very much !! It work

[dioniz]

You are welcome

[vekia]

topic marked as solved.

 

you can also mark own topic as solved - it;s not necessary but it's good practice here

 

 

[sOLVED] Topic
If, after posting a topic, you find a solution to your problem, please indicate it in your post and describe the solution.
Furthermore if you are the author of the topic for which a solution has been found, please edit your topic title to mark it as [sOLVED].

To mark a topic as [solved] :
- Edit the first post of your topic by clicking on the "Edit" button,
- Click on the "Use full editor" button,
- Add the "[solved]" string at the beginning of your topic title and click on the "Submit Modified Post" button.

[ActionMusique]

Hi,

 

I tough it was solved, it is for the First page ( home page )

However, when It comes to categories, I check every categories and the logo still goes on (thru) the left block menu.

But when I go to a specific product page, the header block menu came back and it looks fine.

 

Before posting, I checked the same directory that *dioniz* told me to change things, and I can't find where i need to put a margin.

 

Links to see what I'm trying to explain :

 

Bad Logo emplacement :

http://temp.actionmusique.com/index.php?id_category=9&controller=category

http://temp.actionmusique.com/index.php?id_category=15&controller=category

http://temp.actionmusique.com/index.php?id_category=71&controller=category

 

Good Logo emplacement :

http://temp.actionmusique.com/index.php?id_product=97&controller=product         (Product page)

http://temp.actionmusique.com/index.php               (Home Page)

 

 

thanks in advance, 

 

Jeff

[vekia]

it looks like top menu is disabled on category pages.

go to modules > positions

search for displayTop modules list and click on edit button near block top menu module.

check exceptions field, perhaps you've got exception related to category pages selected.

[ActionMusique]

Hi Vekia,

 

Looks like your right. However, I tried to remove it and it does not change anything on my categories page.

Maybe I need to uninstall and re-install ? If I do that, do I lost the changes I made the first time which is :

 

 

.sf-menu {

    float: left;
    margin-bottom: 1em;
}

and add margin-top:20px; (put your own px instead of 20) to it

 

Thanks for your help, really appreciate.

 

 

Jeff

[Whispar1]

This is off topic but have you considered slightly modifying your logo, at least for your shop? It is very hard to see the text. Also, a transparent png image is better for a logo..