Pre-Nav Image Clickable Area Blocking Menu

yungoon / 2012-12-20 00:21:32   

Hello,
I am trying to have a small pre-nav image that says "Raul Altosaar" for my website raulaltosaar.com

I centered it but it seems that somehow it adds more clickable space to the area of the image than there actually is. This makes my horizontal menu not work because the clickable area of the image is blocking the clickable area of the links.
I tried adding
before the pre-nav settings but that just messed it all up.
Some help would be greatly appreciated.
Thank you.

arsondpi / 2012-12-20 08:12:50   

First of all you're missing a div id (validator.w3.org/…)

And I'm not sure what are you trying to do. You'd like an image above the menu. Did you try inserting it in the prenav area? (I'm asking because I don't see any kind of image prior to the menu)

yungoon / 2012-12-20 21:29:02   

That missing div id came with the columner files that i downloaded. Will this change anything?

Yes, I inserted it above the prenav menu. I had to remove it because It blocked the menu and I couldn't click on the links. I made sure that the image wasn't too big. It seems indexhibit/something else adds more space to the image. This extra white space overrides the

If you can find a way to lower the menu that would also solve the problem.

arsondpi / 2012-12-20 21:36:04   

well you can lower the menu with css - but I can't be of essential help if you don't show us a page with the issue...

yungoon / 2012-12-20 22:18:30   

Ok I have left my page raulaltosaar.com running with the problem. Hope you can help me quickly.

arsondpi / 2012-12-20 22:38:44   

try adjusting/editing the following:

  1. #index .top-section { }
  2. h1 {
  3.     font-size: 12px;
  4.     font-weight: bold;
  5.     line-height: 1em;
  6.     text-align: center;
  7. }
  8. #index ul.section {
  9.     line-height: 1em;
  10.     margin: 25px 10px 0 0;
  11. }
yungoon / 2012-12-20 23:03:34   

:) thank you. that worked.

yungoon / 2012-12-20 23:19:17   

One last question, is it possible to make a tag universal so It is the perfect length for each exhibit?

yungoon / 2012-12-20 23:19:27   

a hr tag*

yungoon / 2012-12-21 02:55:34   

Also, I have centered the pre-nav image by using
left: 713px
It seems that this method isn't steady and it will change position and I will have to readjust the px. How can I make it so it is in the center always?

arsondpi / 2012-12-21 11:17:15   

#index .top-section should not have a position: fixed or absolute.

And yes you can define the hr tag in the style.css (Admin/Assets/Theme/style.css)

This thread has been closed, thank you.