9 replies to this topic

[conceramedia]

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!

 

 

 

Attached Files

•  boa nav IE9.jpg   55.41K  18 downloads

[Rob]

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

 

Do you have FTP access to your site?

[conceramedia]

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!

[Rob]

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.

[conceramedia]

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

[Rob]

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.

[conceramedia]

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!

[Danny]

Is the issue now resolved ?

[conceramedia]

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;
}

[Danny]

When adding code to a post, please use our paste service

Please Login or Register to see this Hidden Content

 

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.