1. holmmedia
  2. Commercial Templates
  3. Monday, 21 September 2015
  4.  Subscribe via email
Hey

I have a little problem, I want the social icons to be on the same line as the navigation on my site. That I have fixed.. But now the social icons container is overlaying the navigation buttons, so they just are clckable in the top..

If I try to set the width to ex. 50% it goes to the left, but I want the icons to be in the right.

The site is: http://alarm.hjemmesidehuset.dk/ and I have tried to edit the z-index, without any solution.. Is there a way to fix this?

René
Accepted Answer Pending Moderation
0
Votes
Undo
Hi René

To resolve try adding the following to the Custom CSS field of your templates parameters...


.hornavmenu {
position: relative;
z-index: 101;
}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciarán

No thats not the solution, the container is still over the menu.

Here is my overrides for both hornavmenu and socialmedie

.hornavmenu {
padding: 0;
height:60px;
margin-top:15px;
position: relative;
z-index: 101;}

#socialmedia {
top:-45px;
text-align:right;}

if you see on the page, the mouse is just change if you go over the text..
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
Could you try chainging your .hornavmenu to the following...


.hornavmenu {
height: 60px;
margin-top: 15px;
max-width: 500px;
padding: 0;
position: relative;
z-index: 102;
}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
Now it working.. funny I have tried to put the z-index down at socialmedia, but it not worked, I haven't tried to put the menu up..

Thanks a lot :)
  1. more than a month ago
  2. Commercial Templates
  3. # 4
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!