Woocommerce, Wootique Theme, Currency Widget.
Right what I want to do it to have the currency converter plugin and my Login/Register link in the in the top right corner of the header to the right of my logo like so:
Login/Register |CURRENCY BOX| (On the same row)
The currency converter is a widget and the header was not a widgeted area so i added this bit of code to my functions.php to try to make a widget area:
/*Extra sidebar*/
register_sidebars( 1,
array(
'name' => 'widgetized-page-top',
'before_widget' => '
<div id="%1$s" class="widget %2$s">',
'after_widget' => '</div>
',
'before_title' => '
<h2 class="widgettitle">',
'after_title' => '</h2>
'
)
);
Then, I tried to add this code into my header but it hasn't aligned to the right...
<div class="header">
<div id="topwidget">
<b><a href="http://casper-creations.com/my-account/" class="footlinks">Login/Register</a>
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar("widgetized-page-top") ) : ?>
<?php endif; ?>
</div>
<div id="logo">
I have a feeling this code is completely wrong to begin with, but what I want to do it move it into the header aligned to the right of my logo like I said, like this http://imgur.com/uotLUDd Here is the css I had so far that doesn't seem to be doing much either:
#topwidget {
float: right;
width: 980px;
overflow: hidden;
}
Here is the site...
http://www.casper-creations.com
Any help with this would be much appreciated, as I'm sure you can tell I'm just a beginner...
EDIT:
I removed the widgeted area thing as just inserted a shortcode instead, but for some reason everything instead in the div isn't working you can't click the links or open the dropdown?
<div id="wrapper">
<?php if ( function_exists( 'has_nav_menu') && has_nav_menu( 'top-menu' ) ) { ?>
<div id="top">
<div class="col-full">
<?php wp_nav_menu( array( 'depth'=>6, 'sort_column' => 'menu_order', 'container' => 'ul', 'menu_id' => 'top-nav', 'menu_class' => 'nav fl', 'theme_location' => 'top-menu' ) ); ?>
</div>
</div>
<!-- /#top -->
<div id="logincur">
<a href="http://casper-creations.com/my-account/"><b>Login/Register</b></a>
<?php echo do_shortcode( '[woocs]' );?>
</div>
<?php } ?>
<div class="header">
#logincur {
float: right;
margin-right: 15%;
overflow: hidden;
}
I have tried putting it into the header div and out of the header div, no change?