Jump to content


Photo
- - - - -

IE9 Primary Nav Issues


  • Please log in to reply
9 replies to this topic

#1 conceramedia

conceramedia

    Member

  • Members
  • 25 posts
  • LocationKansas City, MO
  • Country: Country Flag

Posted 31 December 2012 - 12:06 PM

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



#2 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 31 December 2012 - 09:36 PM

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

 

Do you have FTP access to your site?



#3 conceramedia

conceramedia

    Member

  • Members
  • 25 posts
  • LocationKansas City, MO
  • Country: Country Flag

Posted 01 January 2013 - 09:33 PM

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!



#4 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 02 January 2013 - 02:04 AM

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.



#5 conceramedia

conceramedia

    Member

  • Members
  • 25 posts
  • LocationKansas City, MO
  • Country: Country Flag

Posted 08 January 2013 - 07:36 PM

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



#6 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 08 January 2013 - 11:39 PM

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.



#7 conceramedia

conceramedia

    Member

  • Members
  • 25 posts
  • LocationKansas City, MO
  • Country: Country Flag

Posted 09 January 2013 - 11:21 AM

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!



#8 Danny

Danny

    Is Awesome!

  • Moderators
  • 12968 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 09 January 2013 - 11:31 AM

Is the issue now resolved ?



#9 conceramedia

conceramedia

    Member

  • Members
  • 25 posts
  • LocationKansas City, MO
  • Country: Country Flag

Posted 09 January 2013 - 11:41 AM

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



#10 Danny

Danny

    Is Awesome!

  • Moderators
  • 12968 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 09 January 2013 - 12:03 PM

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.