Omega Theme and Nice Menus

Posted by prothero on January 8, 2013 at 9:21pm

I'm a beginning theme developer. I'm building a simple site with Omega 3, and configuring a sub-theme for it. It's working pretty well. However, my problem is that I am trying to use NiceMenus with a custom png formatted logo. The logo height is 90px. I'm using the "Custom logo" setting and providing a path to the logo. This loads the logo at the top of the screen. The problem I'm having is that the NiceMenu dropdown menus appear over the top of the bottom of the png logo. The logo appears in the "branding" zone and the NiceMenu is put in the #zone-menu region. I've tried moving the NiceMenu block around and can't get it to appear below the logo image. It appears that there is some kind of conflict between the basic drupal logo display and where Omega wants a logo image to go.

Any help figuring this out would be much appreciated. I need the logo to go into a selected region and not overlap the other regions.

Comments

=-=

Posted by VM on January 8, 2013 at 10:21pm

without seeing the site it's difficult to discern what the issue is beyond stating that it's a CSS issue. I use omega 3.x and don't have a problem like you are discussing.

So?

Posted by prothero on January 9, 2013 at 6:05am

How do I get the logo .png image to appear in a specific region?

EarthEdNet

=-=

Posted by VM on January 9, 2013 at 1:33pm

are you using the delta.module? have you set the delta.module to place the logo in a block?

Posted by prothero on January 9, 2013 at 2:44pm

VM, thanks for the response. I obviously haven't posted enough info for someone to help. I think it's best if I put my local test site up and also read a bit more about theming before I waste your time. I'll post again when I get my test site uploaded. This project is part of an upgrade of a d6 site to D7. I did theme another site using genesis and nice menus, but it was quite awhile ago and I seem to have misplaced the instructions that I followed to do it.

EarthEdNet

=-=

Posted by VM on January 9, 2013 at 2:48pm

omega can utilizes http://drupal.org/project/delta which places common drupal elements (like the logo) in blocks. Then the blocks can be enabled in any region.

Else you would have to manually move the $logo variable in page.tpl.php and adjust your CSS to account for the movement.

Site is available

Posted by prothero on January 9, 2013 at 11:06pm

My developing site is at:
http://dev.earthednet.org/

I did fix the problem with the main menus overlapping the logo. However, now I can't get the site name and site slogan to disappear. I've unchecked the "Show Site Name" option in the them settings. The site name and site slogan appear beneath the main dropdown menus from NiceMenus.

Please ignore the general ugliness of the site. Right now, I'm trying to get everything to appear where it should. This is part of an update from Drupal 6 and I've changed the theme to the Omega theme, so I could improve the site's appearance. The main menus are transparent, which I can fix, but for now, I need to make the site name and slogan disappear.

EarthEdNet

=-=

Posted by VM on January 9, 2013 at 11:14pm

you can use a display: none; on the elements in question if absolutely necessary. Shouldn't have to though, they toggle off properly for me.

Where should i do this?

Posted by prothero on January 9, 2013 at 11:28pm

I checked the boxes to turn off display of Site Name in my Omega subtheme "settings", under Appearance.

Do you see the site name and slogan on my web page? I'd like to maintain my site name in the Site Properties, for SEO reasons.

Please don't assume that I am very experienced with theme-ing. Is there another place to turn off their display?

It would also be nice if I could truncate the length of the logo image so it didn't exceed the width of the site page.

EarthEdNet

=-=

Posted by VM on January 9, 2013 at 11:56pm

the toggle switches in appearance for the subtheme are the same that work for my test omega theme site.

yes I see them.

display: none; is CSS, which if you want the elements for SEO reasons is a better method than disabling them. As disabling them removes them from the HTML source.

as far as the logo goes, edit the image in an image editor. If you set the size in CSS to make the image smaller you'll be using resources to download a larger image for no reason and you run the risk of losing clarity.

Still stuck

Posted by prothero on January 10, 2013 at 1:34am

I've unchecked the display site name and site slogan everywhere I can find the choice. My omega sub theme settings display gives me these choices. I'm stuck now. Is there anything else I should try. I don't want to set my site name and slogan to none.

EarthEdNet

=-=

Posted by VM on January 10, 2013 at 1:48am

Are they perhaps in a block which is in the region in question?

if not, I'd create another subtheme and test, else as previously stated you can use CSS.

Where should I put the CSS?

Posted by prothero on January 10, 2013 at 2:13am

As I said, I'm not that experienced with theming, so perhaps you could suggest where I would put the class to inhibit display of the site name and slogan.

EarthEdNet

=-=

Posted by VM on January 10, 2013 at 3:01am

in your global.css file (which is where all of your custom css should reside).

Thanks

Posted by prothero on January 10, 2013 at 3:10am

Thanks, I'll give it a try.

EarthEdNet