Jump to content

[SOLVED] How to edit Header/sf-menu position the best way.


Recommended Posts

Hi all.

 

Can't figure out how to edit the top part of my webshop right. Tried a few things but not working  :(

 

On my site i use a free addon called: Block advertising multiple.

It allows you to put in fields in top/right/left column and footer.

Made a banner in Photoshop i would like to use on my site, and put it in via the addon in the field top banner.

 

It can be seen in picture 1 (how it looks now)

 

But i Would really like to switch the position with the menu (sf-menu) line, so it looks like in picture 2 I have made in photoshop.

 

How do i do that the right way?

Tried to do it as a background picture in the header... but it didn't work to well for me :blink:

I really hope some one can give me a idea to solving it...

 

url. www.techstore.dk

 

Best regards.

 

Lasse

Edited by Runge1980 (see edit history)
Link to comment
Share on other sites

I am only half genius so I can only make a guess.

 

go to back office-->modules-->positions and move one module above the other

 

 

also your 2nd post is considered bumping, i.e. against forum rules...so make sure to add some content to original post and then state added more content (a good bump). :)

Link to comment
Share on other sites

Great... lol...

Jep Vekia helped me with some other stuff, and he is really nice to help us noobs out. He always has a good solution and guide to get the stuff to work.

But a old timers help is pretty good to :P

 

- Tried your suggestion and it worked... but now i have a little problem...

 

1) The logo is overlapping a part of the image.

2) The gab must be smaller between the top image and menu bar.

Edited by Runge1980 (see edit history)
Link to comment
Share on other sites

Great... lol...

Jep Vekia helped me with some other stuff, and he is really nice to help us noobs out. He always has a good solution and guide to get the stuff to work.

But a old timers help is pretty good to :P

 

- Tried your suggestion and it worked... but now i have a little problem.... you can see it in the attached file.

 

1) The logo is overlapping a part of the image.

2) The gab must be smaller between the top image and menu bar.

 

you would best served to open new topic for new question, else I will feel like private consultant and next thing you will want me to make you  a sandwich...also this gives the entire community to take a crack at it...

Link to comment
Share on other sites

Hi

 

in file modules/blockadvertmulti/css/blockadvertmulti.css 

 

change 

p.advmulti img {
display: block;
margin: 0 auto;
width: auto;
margin-bottom: 10px;
}

by

p.advmulti img {
display: block;
margin: 0 auto;
width: auto;
margin-bottom: -20px;
padding-top: 20px;
}

@++

 

Loulou66

  • Like 2
Link to comment
Share on other sites

×
×
  • Create New...