Jump to content
Sign in to follow this  
dharmagate

Adding Text Links Above Header Content

Recommended Posts

dharmagate    1
dharmagate

I am attempting to add a couple of text links above the white content box on this site: http://sakyongmedia.com

As you can see I have done this by adding the code below to the "Footer Scripts & Analytics" section:

<div style="position: absolute; top:11px; left:63%; width:100%; height:20px; font-size: 11px !important;">

<a href="http://www.sakyongmedia.com/my-account/">My Account</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<a href="http://www.sakyongmedia.com/cart/">Cart</a></div>

While this basically works, there are some issues.

1. The text links hide behind admin bar when logged in.

2. Placement not consistent on all browsers.

- when logged out, the placement looks great on mac version of firefox and safari but is too far left in chrome

- not tested with internet explore or any PC browser versions.

3. This code creates a huge page, if you scroll to the right as well. errrg...

4. Placement is totally off when someone zooms their browser in or out.

Ideally, the links would be exactly right aligned to the edge of the white box and still be visible with the admin bar.

I am not sure of the best way to do this. I really appreciate any advice you can give me. Thank you.

Share this post


Link to post
Share on other sites
James B    436
James B

Hi there

1) You can disable the admin bar by going to Users > Your Profile > Show Admin Bar

2) You might have to use some browser specific css but shrinking the width of the div might fix some of this.

3) Change the width of the div to 20%, this will get rid of the scrolling and keep the content contained inside the page.

4) I'm not sure what you mean by zoom in the browser. Is this on mobile devices?


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×