Hi, I am trying to fix the logo size for my page, (
www.absnet.no
).
The site is unfortunately live, so I need help fast :shock:
The logo is controlled by panacea (template settings) and is a bit larger than the default one.
My problem is that when I resize the logo, the also raises the height of the header-b module so the menu is moved away from its position.
Any good tips as to how I can get the logo to overlay into header-b from header-a? And / Or, is there a way to lock the content of the header-b module to "bottom" or something like this?
Best way I figured this out on how to do your header module is to unpublish the logo on the gantry setup under template manager then rt_pancea_j1.5 template.Quickly wite a custom Html module that includes all the components of the header you need; you can do this in a pnch! The right way to do this is to edit the logo.php and related css classes the best way to do that is to download firebug for firefox here
firebug:
http://getfirebug.com/
fthen set all the div parameters you need even if its static in /yoursiteroot/templates/rt-pancea_j15/features/logo.php please read the comments from line 31 below if needed you can edit out the inline parameters height and width on line 41 to set it staticly also then edit the .rt_logo css parameters I cant give you an accurate line number I edited this file too much however its probably line 34 or 35 just adjust the height and you can always add a position in the template to go beneith it or between depends on your C.R.A.P.
Hi!
Thank you for you answer, however I'm not able to do what you describe. It's from a lack of knowhow, rather than bad instructions i think
Could you be a bit more spesific, atm I do not want to change the logo.php and css styles, but I could use a custom HTML module and place it in the header-a position. Could you let me know what html code to use to get this working? Adding padding-right, left and bottom at 0px removes some of the spacing in the module. But the menu in header-b is still in the middle of the module instead of at the bottom.
Adding "flush" as module attribute removed additional spacing and Im closer to what I want to accomplish. If you have a look at
www.absnet.no
you can see what I mean. I would like the orange line on the same level as the bottom of the "A" graphic (Orange geometric figure).
Sorry for spamming my own thread but I am now even closer to what I want to accomplish.
The logo is now overflowing the below modulespace, and the header-b is back to its own position, but its not covering the logo.
I like that overlapping you did. How were you able to do that? I'm trying to do something like that since the height spacing on the original logo area is very narrow.
I have found a very easy solution using the "z index". Just add a Text widget at the location for the logo (instead of the gantry logo) and then use this html inside the code: