[solved] Logo Menu Search Overlap

[JoeyPanda]

I was in the middle of adding products and moving around modules....and all of a sudden. The logo is over lapping the menu and the search bar seems out of place

 

I just took it out of maintenance mode....for the first time..running 1.5.4.1 was an install and no update. Not sure what happened. Any help is appreciated.

 

I did try the suggestions in another thread about the menu being moved right but everything matched up.

 

http://www.williamsn...rafts.com/store

[tdr170]

You can make these changes:

 

modules/blocktopmenu/css superfishmodified.css

 

change margin-top:

 

.sf-contener {

clear: both;

margin-top: 80px;

}

 

 

modules/blocksearch/blocksearch.css

 

change top:

 

#search_block_top {

position:absolute;

right: 26%;

top: 14px;

}

 

 

themes/default/css/global.css at line 548

 

change top:

 

#header_logo {

position: absolute;

top: 5px;

z-index: 1;

 

}

 

Should look like this when done:

 

 

[JoeyPanda]

Worked like a charm. Thank you so much. Is it normal for adjustment to be made to the positions when moving the modules around?

[tdr170]

Depends on what you moved but you are not the first with this issue.

[tdr170]

While checking on another site I realized I forgot to tell you something about this issue.

I=I should have said go to modules, positions and scroll down untill you see top of pages.

See where the top menu is in the list, if it is at top move to bottom of the list and the issue should be resolved.

If you want you can change this and then change the code back to normal that I had you change before.

 

Sorry.

[vekia]

well

i checked the website and it looks well now

header works and looks good.

 

i marked this thread as [solved] coz tdr170 provided the solution, moreover - two times

 

best regards

[verythe]

Excellent, thanks for the answer.

I also worked with a theme I've purchased, changing the 3rd item 

:

themes/default/css/global.css at line 548
change top:
#header_logo {
position: absolute;
top: 5px;
z-index: 1;
}

 

By :

themes/<name of theme>/css/global.css

#header_logo a {
  position: absolute;
  top: 5px;              # former "top: -38px;"
  z-index: 1;            # line added
}

 

Then you can see the langage bar completely !