ThemeShaper Forums » Thematic


Add Social Media Buttons to Access - Thematic Feature Site

(2 posts)
  • Started 10 years ago by mikei
  • Latest reply from ScottNix
  • This topic is not resolved
  1. mikei

    Hey Guys,

    First off, I want to say what a supportive and awesome forum this is, and I'd like to thank Ian Stewart for his most awesome theme and the help available for it. However I have come across an issue that i cannot solve with my own skills, or find help with amongst previous forum posts(albeit, I could just be searching the wrong terms!)

    I have slowly been putting together a website for my girlfriend, as she is about to finish college and try and break it as a freelance illustrator, and as you know a good website/portfolio will be fundamental. Ive blocked out most things that I like, but for the love of god I cannot do this last part.

    We are using the Thematic Feature Site template.

    The website is:

    The problem I am having is how to insert social media icons, such as Deivant Art and twitter into the access bar opposite the menu. I want these aligned to the right side. I have found a few posts about adding a search bar to the access, but when I try that it always goes wrong. As you can see on the site today, there is a previous failed attempt. It always sits on top of the original access, instead of within it!

    To those in the know, I would greatly appreciate some help here, a snippet of code and advice form the collective hive mind of thematic would be very much awesome!

    Here is my current code:

    // Remove Standard Access Menu
    function remove_thematic_actions() {
    // Add MOKOP Access Menu
    function search_access() { ?>
       <div id="access">
         <div class="skip-link"><a href="#content" title="<?php _e('Skip navigation to the content', 'thematic'); ?>"><?php _e('Skip to content', 'thematic'); ?></a></div>
         <?php wp_page_menu('sort_column=menu_order') ?>
         <div id="access-search">
    				<form id="searchform" method="get" action="<?php bloginfo('home') ?>">
    						<input id="s" name="s" type="text" value="<?php echo wp_specialchars(stripslashes($_GET['s']), true) ?>" size="20" tabindex="1" />
    						<input id="searchsubmit" name="searchsubmit" type="submit" value="<?php _e('Search', 'thematic') ?>" tabindex="2" />
    <?php }

    As you can see, I was just going to edit and rearrange the search box instead, but until I can get it to place correctly, I wasn't going to try.

    I blanked out the remove access because when that was live it would completely remove the original access on the home page, but wouldn't insert the menu into the new access that is created. Plus this new access only worked on the home page, and not the entire site which is a bit bothersome.

    I have some idea, but not enough of what I need to do. I truly hope one of the code gurus here can give me the advice I need.

    Until then, many thanks!


    Posted 10 years ago #
  2. This post should steer you in the correct direction.

    If it were me, I would move the Access inside the branding so I don't have to mess with rebuilding it, then set a fixed width on it. (be sure to change the .menu class width also). Once it had a fixed width, you could add a link code (which is mentioned in the post link above) and absolutely position it inside that branding. Just make sure branding gets a position:relative attached.

    At the least this should steer you in the correct direction, the code you have up will require some mods, if you see no styling its because the hook for the CSS doesn't get added when you just use the wp_page_menu('sort_column=menu_order') php.

    Posted 10 years ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.