Archived

This topic is now archived and is closed to further replies.

  • 0

IE9 Primary Nav Issues

Question

Posted · Report post

Hi- The attached file is a screenshot of the issue... I have a couple issues:

 

1. In IE9, the primary nav is showing a weird blue box on certain sections of the nav.  To pinpoint if it was just the current menu item, I tried clicking around and it doesn't just seem to be current menu item, but I can't pinpoint exactly when it's doing it. 

 

2. The primary nav should have a radius on the top two corners as well as the bottom. 

 

I assume these are basic css issues, but can't figure out the exact fixes.  Can anyone give me the info I need to solve this? 

 

Thanks!

 

 

 

post-8289-0-99826500-1356955569_thumb.jp

Share this post


Link to post
Share on other sites

9 answers to this question

Posted · Report post

First,  go to your LaunchPad account and download the latest version of Framework and unzip it to your desktop.

 

Next, FTP to wp-content/themes and you'll see a folder named pagelines.   Remove the entire folder.  Don't worry about settings as those are all written to the database.

 

Once the entire folder is gone, drag the pagelines folder from your desktop to wp-content/themes and allow it to upload.

 

Once completed, browse back to the site and see if there's a problem still.  If so, let us know.  If not, you're good to go.

Share this post


Link to post
Share on other sites

Posted · Report post

Is there any custom CSS code applied to the menu?

 

Just to rule it out, please go to Dashboard > Settings > Permalinks and without changing anything (that's important), just save the settings.  Sometimes links to the stylesheets can become corrupted.  This fixes those links. 

 

Let us know if that worked and if there's any custom CSS, please paste anything that's related to the navbar.

Share this post


Link to post
Share on other sites

Posted · Report post

Actually, we've had different collaborators on the site and I just realized a #ooooff background color was applied to the #headwrap.  I found it as I was copying/pasting info to reply to you.  Thanks for your help!

Share this post


Link to post
Share on other sites

Posted · Report post

Is the issue now resolved ?

Share this post


Link to post
Share on other sites

Posted · Report post

Holy cow... nevermind.  I just went back to the ie menu and was looking at other pages on the site... the issue re-appeared. Here are the styles that are applied to the navigation and some extras I'm not sure about (from other contributor to the site) from the Pagelines Customize plugin.  Would any of these have an effect?

 

Also-- the radius in the nav in IE9 is still not showing up.  I was thinking that this radius was a theme standard and not a customization on our part.  Anyway to make it happen for our IE friends?

 

/* NAVIGATION */

.section-navbar  .content-pad{
    overflow:visible;
    padding-bottom:0;
    padding-top:0;
    position:relative;
    top:-14px;
}

.navbar {
    height:35px;
}

.navbar.pl-color-grey .navline > li > a {
       color: #575757;
       text-shadow: 0 1px 0 #FFFFFF;
}
.navbar .navline > li.current-menu-item > a {
    background-color:rgba(0,0,0,0.0);
    color:#FFFFFF;
    text-decoration:none;
}

.section-navbar {
    padding-left:15px;
    position:relative;
    width:970px;
    z-index:200;
    height:40px;
}

.navbar .navline > li > a {
    display:block;
    line-height:19px;
    padding:10px 15px 10px;
    text-decoration:none;
    margin-left:17px;
    margin-right:17px;
    font-size:15px;
    width:100%;
}

/*END NAVIGATION/*

 

 

 

.table1 {
float:left;
color:#0000ff;
font-size:10pt;
font-weight:normal;
background-color:#ffffff;
border:  #cccccc 4px;
-moz-border-radius:10px ;
-webkit-border-radius:10px;
border-radius:10px;
}



#rptmenu {
margin-top: 0;
margin-left: 0;
}

#rptmenu ul {

list-style-type:none;
margin:0;
padding:0;
overflow:hidden;


}



#rptmenu a:link,a:visited
{font-size:10px;
display:block;
width:140px;
font-weight:bold;
color:#FFFFFF;
background-color:#0000ff;
text-align:center;
padding:4px;
text-decoration:none;
text-transform:uppercase;
border-style:solid;
border-width:1px;}

#rptmenu a:hover,a:active
{
background-color:#0000bb;
}

#rptmenu li
{
float:left;
}

 

#headwrap {
vertical-align:middle;
color:#ffffff;

font-weight:bold;
text-align:center;
width:40px;
border-style:solid;
border-width:1px;
line-height:12px;
}

body.fixed_width #header .searchform {
    margin-bottom: 10px;
    margin-right: 11px;
    position: absolute;
    right: -25px;
    top: -52px;
}

a:visited {
    color:#dddddd;
}

Share this post


Link to post
Share on other sites

Posted · Report post

When adding code to a post, please use our paste service http://paste.pagelines.com/

 

Also, if you remove all your custom CSS that you have added, are you still receiving the issue with the navigation?

 

When you remove your custom CSS, can you take a screenshot and provide a link to the screenshot please.

Share this post


Link to post
Share on other sites

Posted · Report post

This sounds more indicative of a bad PageLines installation than anything.

 

Do you have FTP access to your site?

Share this post


Link to post
Share on other sites

Posted · Report post

Hi Rob,

I don't currently have access, but can get it to fix this issue. I'll send an email now to get it and he's usually pretty quick. I've worked with another Pagelines installation via ftp before, so once I'm in, what do I need to do? 

 

Thanks!

Share this post


Link to post
Share on other sites

Posted · Report post

Hi-- the same issue is still present after the theme update.  What should I do next? 

Share this post


Link to post
Share on other sites