Hey! I just wanted to share my first peice of 'hacking'?

I wanted the Simplemenu underneath my Logo/banner etc, so I went in and changed the css which moved it down (I had to count the px) but also covered my header with the grey background, so I made the background transparent, but that left a white space at the top of the page, I also wanted the first line of the Simplemenu to match my theme, so I made the simplemenu li background transparent too. But how to clear the white space at the top? I found that in the js there was a command to put in 20px at top - I changed this to 1px (for appearence) and hey! It all works. This would be easy for coders of course, but this info is for people like me who last coded in machine language...

The code changes - simplemenu.css:
background: transparent; (first two instances)
position:absolute;
top:67px; (in my case)

simplemenu.js:
$('body').css('margin-top', '1px');

I hope this helps someone. You can view it at morethanoil.com
Zaph

Comments

Anonymous’s picture

Status: Fixed » Closed (fixed)
irishgringo’s picture

did youfigure out how to center the menu on the top of the screen? I am trying to figur that out now

jgh2001’s picture

Just what I am looking for, you are my hero, the best, thank you very much.

I put the code in: modules / simplemenu / themes / original / original.css
on the:

#simplemenu {
...
position:absolute;
top:104px; (in my case)
...
}

katekate’s picture

this is great, but on my site i have a fixed layout, and the menu stays on the left side no matter how big the window is. do you know how to attach it to the content of the site? (or to center it?) thanks for any help..

sam.paranjape’s picture

Hi.. I might be asking silly question but as I am totally new to drupal I want to know how it works....

I added simplemenu module, have it installed..

I also added these 2 lines in original.css as you suggested.

But I am not getting how my menus will be arraned in that fashion (one which is given in example screenshot)

How menus are placed automatically after installing simplemenu module?? Or do i need to do anything more after installing this module?

Please help.

Thanks in advance.

AlexisWilke’s picture

Hi Sam,

What I would do is look for a tag where I want the simplemenu to be attached. Then enter the information in the simplemenu administration screen (i.e. CSS selector to attach menu to.) The syntax is the same as jQuery which is similar to CSS definitions.

Thank you.
Alexis

Note: this issue was for 5.x, I suppose you have 6.x at least... I don't support the 5.x code otherwise.

sam.paranjape’s picture

Hi Alexis,

Thanks for responding.
but i am really new to drupal... and cant understand what actual changes I need to do in order to re-position Simplemenu.

So could u please tell me in which file, what should I look for and what changes I am supposed to do there?

Thanks in advance.
Sam.