Need a little help with the menu in the Autofocus theme..

  • Okay. here’s the background. i’m trying to go from the plain old text menu, in the upper right, to a image based menu. i managed to switch over to images just fine, now i’m trying to get the images to list horizontally, instead of vertically. i’ve used every piece of code i could find that supposedly helps do this, but i’m at a loss. here’s the section of my functions.php file for it..

    // Produces a list of pages in the header without whitespace -- er, I mean negative space.
function sandbox_globalnav() {
echo '
<div id="menu">
	<ul>
		<li><a href="'. get_settings('home') .'/" title="'. get_bloginfo('name') .'" rel="home"><img src="../custom/home.png"></img></a></li>
                <li><a href-"https://www.facebook.com" title="Find us on Facebook"><img src="../custom/facebook.png" /></a></li>
';
?>
<?php
echo '
		<li><a href="'. get_bloginfo_rss('rss2_url') .'"><img src="../custom/rss.png" title="RSS Feed" /></a></li>
	</ul>
</div>';
}

    and here is the coresponding section of the stylesheet..

    /* =header */
#header {margin:55px 0 0;height:105px;text-transform:normal;width:600px;clear:none;float:left;}
#header a:hover{text-decoration:none;color:#fff;}
#header h1 {font-size:1.8em;line-height:0.8em;padding:5px 0 0;}
#header h1 a{font-weight:100;letter-spacing:-0.05em;position:relative;}
#header #blog-description {color:#888;}
#access {display:inline;height:80px;horizontal-align:right;width:200px;float:right;}
#access #menu {horizontal-align:right;display:table-cell;font-size:0.7em;}
#access #menu ul {horizontal-align:left;display:block}
#access #menu ul li ul {margin-left:10px;}
#access #menu a{font-weight:800;}
#menu {float:right}
#menu li {display:inline;margin:0 15px 0 0}

    currently, i’ve got code pasted in to the stylesheet based on what someone else had posted that they had gotten to work.. but it was from a year ago, and their website is no longer active. if you’d like to check out what this coding is doing, my website is https://www.parlorcityphoto.com

    Thanks in advance to any help any one can provide!!

    Cam

Viewing 1 replies (of 1 total)
  • Thread Starter lewisc1985

    (@lewisc1985)

    okay. i’ve gotten halfway there. i manage to get the list to go horizontal.. but backwards. easy fix — i just put the links in, in reverse. but now, it’s not on the same line as the website title, and i can’t figure out why. Ideas?

    style.css:

    /* =header */
#header {margin: 5px 0;text-transform: none;width: 800px;clear: none;display: block;float: left;}
#header a:hover {text-decoration:none;color:#888;}
#header h1 a {font-size:1.8em;font-weight:100;position:relative;}
#header #blog-description {color:#888;}
#access {vertical-align:inline;padding: 0 0 10px 0;}
/* #access {display:table;height:160px;width:100px;float:right;} */
#access #menu {display:inline;font-size:1.2em;}
#access #menu ul {background-color:#0C0C08;vertical-align: inline;display: block;}
#access #menu ul li {float: right;}
#access #menu ul li a{font-weight: bold;display: block;}
#access #menu a{font-weight:600;}

    functions.php

    // Produces a list of pages in the header without whitespace -- er, I mean negative space.
function sandbox_globalnav() {
echo '
<div id="menu">
	<ul>
		<li><a href="'. get_bloginfo_rss('rss2_url') .'"><img src="../custom/rss.png" title="RSS Feed" /></a></li>
                <li><a href="https://www.facebook.com" title="Find us on Facebook"><img src="../custom/facebook.png" /></a></li>

		<li><a href="'. get_settings('home') .'/" title="'. get_bloginfo('name') .'" rel="home"><img src="../custom/home.png"></img></a></li>

';
?>
<?php
echo '
	</ul>
</div>';
}

Viewing 1 replies (of 1 total)
  • The topic ‘Need a little help with the menu in the Autofocus theme..’ is closed to new replies.