Add module position to top right corner

I would like to add a module position to the top right corner of the screen above the login/register button. I currently have the login/register button disabled, but I want to add a facebook and twitter button to the top right corner.

This is similar to a question posted on the gavick forum for a different template: https://www.gavick.com/forums/130/need- ... ion#p77279

How can I do this? I followed the instructions here: https://www.gavick.com/documentation/jo ... -position/ and created a module position called "top_social". I didn't know what to edit in the default.php file or if I needed to edit a block file instead so I have not completed the last step.

I'm guessing that I need to create some CSS entry with the following:
float: right;
right:0
top:0
width: auto

Any ideas? My website is www.goodworldnews.org

Hi,

Please consult this https://www.gavick.com/forums/the-world ... tml#p75620

Thanks,

Hey Don, thanks for the help. I'm still running into some issues. When I follow those instructions, I can make a new module position, but the instructions do not mention how to get it in the correct position on the page. I created a "top_social" module position and within gk.const.php put the style to none. Then I put the following code right below the login area:

Code: Select all

<?php if( $this->modules('top_social') ): ?>
<div id="mytop">
<jdoc:include type="modules" name="top_social" style="<?php echo $this->module_styles['top_social']; ?>" />
</div>
<?php endif; ?>

So now I have a new module position, but when I place the facebook like button there, it puts the highlighter plugin right on top of it (both positions are on the lower left of the header section. How do I get the facebook plugin in the upper right corner instead?

Can you please keep it there then I can see the issue to fix for you?

Thanks,

Hey Don, I sent you a PM with the info.

Hi mate,

Please try adding this code to CSS Override:

Code: Select all

#mytop{
position: absolute;
    top: 50px;
}
.VombieLikeButton{
float: left;
}
.udtwitterfollow{
float: right;
}


Then it will look like this http://easycaptures.com/fs/uploaded/573/1242434970.jpg

Thanks Don! I really appreciate the help! Just what I needed

You're welcome, feel free to let me know if you need any other helps.

Cheers,