How do I remove Skip to Content link from header?

  • Resolved webmakerholly

    (@webmakerholly)


    13 years, 1 month 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.

    Thanks!!!

Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter webmakerholly

    (@webmakerholly)

    13 years, 1 month 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.

    Thread Starter webmakerholly

    (@webmakerholly)

    13 years, 1 month ago

    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.

    Jarret

    (@jarretc)

    13 years, 1 month ago

    Did you still need help?

    Thread Starter webmakerholly

    (@webmakerholly)

    13 years, 1 month 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/

    Jarret

    (@jarretc)

    13 years, 1 month 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.

    Thread Starter webmakerholly

    (@webmakerholly)

    13 years, 1 month ago

    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 ‘How do I remove Skip to Content link from header?’ is closed to new replies.