WordPress.org

Support

Support » How-To and Troubleshooting » [Resolved] How do I remove Skip to Content link from header?

[Resolved] How do I remove Skip to Content link from header?

  • Help! I am trying to get rid of the “Skip to Content” link that is in the top menu bar/navigation of my blog. It wasn’t there until I moved my files to a new server and it came out of nowhere. There are supposed to be page links in that menu bar but only one shows up now and the Skip to Content link is bumping it down out of alignment.

    My site is http://mobilegarmentracks.com/ and I’m using the Thematic Template.

    Any help would be greatly appreciated, I’m a bit of a newbie to WordPress.

    Thanks!!!

Viewing 6 replies - 1 through 6 (of 6 total)
  • In searching the forums for the solution, I’ve seen others suggest removing it from the “header.php” file but I can’t find it in that file in the Thematic file.

    It seems like I’m having a conversation with myself, but I found in a file called default2.css:

    .skip-link {
        display:none;
    }

    I copied the style into my style.css file and it got rid of it. Now my Page links are showing up as a bulleted list. Gotta put my css decoder hat back on.

    Did you still need help?

    Yes! I do!! I can’t figure out why my menu is like a vertical list rather than horizontal like a menu bar. I’m going to tear my hair out! Please help if you can. Thanks! http://mobilegarmentracks.com/

    Go into the style.css file and make the following changes…

    Scroll down a little and add in the following line of code that is shown below

    .sf-menu {
    	color: #666;
    	border-right-color-ltr-source: physical;
    	border-right-color-rtl-source: physical;
    	border-right-color-value: #CCCCCC;
    	border-right-style-ltr-source: physical;
    	border-right-style-rtl-source: physical;
    	border-right-style-value: solid;
    	border-right-width-ltr-source: physical;
    	border-right-width-rtl-source: physical;
    	border-right-width-value: 0px;
    	float: left;
    	border: 0;
    	list-style-type: none;
    	list-style: none;
    	max-height: 32px;
    }
    
    .sf-menu li {
            display: inline;
    }
    
    .sf-menu a, .sf-menu a:visited {
    	color: #666;
    	background-color: #afab8e;
    	padding-bottom: 9px;
    	padding-left: 13px;
    	padding-right: 13px;
    	padding-top: 0px;
    	text-decoration: none;
    	border-width: 0px;
    	list-style-type: none;
    	list-style: none;
    	list-style-image: none;
    }

    Then modfy the #main { } section of code as shown below

    #main {
    	padding-bottom: 22px;
    	padding-left: 0;
    	padding-right: 0;
    	padding-top: 66px;
    	margin-bottom: 0;
    	margin-left: auto;
    	margin-right: auto;
    	margin-top: 0;
    	width: 850px;
    	background-color: #ece7dc;
    	background-image: url(../../uploads/mgr-body-shadow.png);
    	background-repeat: repeat-x;
    	background-position: bottom;
            clear: both;
    }

    The should get the links lined up next to each and fix the main section being kicked over to the left as well.

    OMG, thank you, thank you, thank you! It worked. Now I can actually get some sleep tonight!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘[Resolved] How do I remove Skip to Content link from header?’ is closed to new replies.
Skip to toolbar