Joomla Templates Club 406,261 posts

[tdb6800 Friend tdb6800Join date: May 2012Posts: 34Downloads:0Uploads:13 Thanks: 7 Thanked: 1 times in 1 posts]

#182373

I have moved my logo to the left side of the page and I’m trying to create a new module position to display the social media content on the right hand side of the logo instead of the topnav.

I’ve been reading some posts and forums and this is what I’ve done, but I really have no clue if that is even right.

I modified the header.php file and added the following to the bottom of the page

<div class=”ja-header-r”>
<jdoc:include type=”modules” name=”header-r” />
</div>

Then I added the following to the template.css file

/* Header Right —*/
.ja-header-r { padding: 0; position: absolute; right: 0; top: 40px; width: 500px; }

Again, I have no idea if that is even right. I’ve just been following instruction from other posts.

So far, I do not see the new position added. Not sure where to go from here. Attached is an image of what I am trying to do. I am trying to place the social media buttons next to the logo instead of the topnav.

Thanks.

---

Attachments:

1. 

[HeR0 Friend HeR0Join date: August 2011Posts: 3626Downloads:0Uploads:61 Thanks: 33 Thanked: 588 times in 549 posts]

#473376

Hi tdb6800,

It seems like you have it all done. Try to clean all cache and use http://yourdomain.com/?tp=1 to get new module position.
Assign the social module to the new module position header-r .
If you still can not make it work. PM me your site url, admin account, ftp info. I shall need to have a further look and help you out with it.

Regards,

[tdb6800 Friend tdb6800Join date: May 2012Posts: 34Downloads:0Uploads:13 Thanks: 7 Thanked: 1 times in 1 posts]

#473454

Thank you HeR0.

I got it. The issue was (and still is) that the new position was not showing up as a possible selection on the module manager. So I just typed it in the position text box and hoped for the best. That did the trick.

Oh and for any further readers, I changed the template.css code to

/* Header Right —*/
.ja-header-r {top: 40px; width: 200px; float:right }

So that it would display on the right hand side.

Thanks again.

[HeR0 Friend HeR0Join date: August 2011Posts: 3626Downloads:0Uploads:61 Thanks: 33 Thanked: 588 times in 549 posts]

#473529

Hi Tdb6800,

I’m glad that you have your problem all figured out!

PS: when you create new positions. The first, new positions will not be displayed on the select box in the module setting. So you must type it in the text box then it will display in the select box in the future.
It is a function of Joomla core.

Regards,

[Author]

Posts