Links not working in the upper part of the page

ThemeShaper Forums » Thematic

[closed]

Links not working in the upper part of the page

(5 posts)

Started 3 years ago by Hellah
Latest reply from Hellah
This topic is not resolved

Tags:

link
header

Hellah
Member

Hi,

I have a strange problem when modifying the layout in my child theme of Thematic.
I have moved the header, menu and content upwards, because in Thematic the header size is too big for my purposes.
I have used for example this code in my style.css: #main { position:relative; top: -120px;}

However, when doing this, the links in the upper part of the page don't work. The menu works as usual.

Do you possibly know a way to solve this?
Thanks in advance - I really appreciate the effort of running this forum.

Posted 3 years ago #
Chris
Moderator

Hi,

could you please post a link?!

Chris

Posted 3 years ago #
Hellah
Member

Hi,

I'm still working on this site locally on my computer - but here's a link to another site with the same problem:
www.urbandreammanagement.com
(original address:)www.hellahernberg.com/udm

Here I have completely removed the horizontal menu, but the link problem is the same. For instance, you can't click on the title of the first post on any page.

Thanks!
Hella

Posted 3 years ago #
em hr
Moderator
Hellah-

#main is hidden behind #branding. Here is where your problem lies
```
#main {
position:relative;
top:-160px;
```
adding z-index:2; to #main will make the links accessible again but if it were me I'd reather not use the relative positioning and instead do something like this:
```
#branding { padding-bottom:0; }
#access { display:none; }
#main { padding-top:0; }
```
Hope it helps - Gene
Posted 3 years ago #
Hellah
Member

Hi Gene, thanks for the advice! I'll try this.

Hella

Posted 3 years ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.