[resolved] How do I remove Skip to Content link from header? (7 posts)

  1. webmakerholly
    Posted 5 years ago #

    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.


  2. webmakerholly
    Posted 5 years ago #

    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.

  3. webmakerholly
    Posted 5 years ago #

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

    .skip-link {

    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.

  4. JarretC
    Posted 5 years ago #

    Did you still need help?

  5. webmakerholly
    Posted 5 years ago #

    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/

  6. JarretC
    Posted 5 years ago #

    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.

  7. webmakerholly
    Posted 5 years ago #

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

Topic Closed

This topic has been closed to new replies.

About this Topic