Drupal 7 andromeda theme IE7 header. Great theme! Can't mention the same thing about IE. My problem is shown in the pictures attached to this issue. I am using nice menu and my question is how to check if the visitor is using IE and if he/she is using it how to load another css file designed for the IE. Thanks in advance and sorry about my english.

CommentFileSizeAuthor
#1 nicemenu.jpg153.85 KBmcproductions
drupal_andromeda_webkit.jpg433.13 KBalexander.nachev
drupal_andromeda_IE7.jpg323.79 KBalexander.nachev

Comments

mcproductions’s picture

mcproductions commented
Title: IE7 header area displacement » SAFARI header area displacement (spacing between logo and nice menu)
Assigned: alexander.nachev » mcproductions
Priority: Normal » Critical
StatusFileSize
new nicemenu.jpg153.85 KB

I'm having the same problem, however this is in Safari and only AFTER I used nice menus. The menu looks great but left a huge space in the header. (See the attached image) Please help!

shadcn’s picture

shadcn commented

You should adjust the margin of the #main-menu. Search for #main-menu in and change the margin-left.

#main-menu {
  font-family: SansationLight;
  height: 100px;
  line-height: 100px;
  margin-left: 500px; /* change value here */
  overflow: hidden;
  width: 440px;
}
mcproductions’s picture

mcproductions commented

Under, drupal/sites/all/themes/andromeda/css/menu.css, I made the following changes but, unfortunately, to no avail.

#main-menu {
font-family: SansationLight;
height: 100px;
line-height: 100px;
margin-left: 0px;
overflow: hidden;
width: 500px;

What am I doing wrong? Please help. Thanks!

akronsound’s picture

akronsound commented

I am facing similar problems. Any updates?

akronsound’s picture

akronsound commented

Hello Mcproductions and other Andromeda users.

I managed to find solutions for your problems you need to go to your layout.css file and do the following:

Find this code:
.with-slogan #header .section{
height:120px;
}
#name-and-slogan{
margin-top:30px; <---- I changed this from 30 to 0
}

Play a bit with the margin:top number....for me I changed 30px to 0px and problem solved! Let me know if that helps.

In regards to the menu problems another user mentions here you have to go to menu.css and play with the coding below:

.region-header {
margin-left:400px;
height:100px;
line-height:100px;
width:350px;
z-index:1000;
}

What I did was I changed margin from 400 to 300 and width from 540 to 635. This worked for me well as I had 7 items on top of menu and the template was placing the last 2 below the 5 on top. As these numbers suit MY template and obviously not yours I recommend to download Firebug for FireFox and play on simulation till you get the size that suits your template best.

I then went here:
ul.nice-menu {
border: medium none;
font-family: SansationLight;
height: 40px;
margin: 30px 0;
z-index:1000;
and changed margin from 30 to 0. Works like a charm.

As stated those numbers suit my template but those are the 2 files you need to open and those parts the ones that will fix all problems mentioned here!