Recent
Categories
View Replies (4)

Menu Item Hover and Social Media Icons

0
Votes
Undo
  1. Louw
    Louw
  2. Sherlock Holmes
  3. Commercial Templates
  4. Wednesday, 30 March 2016
  5.  Subscribe via email
I hope you can assist with two requests.

1. When I hover over the top menu the wording becomes greyed out on hover but I am not able to click yet. Is it possible to expand the clickable section of the menu so that it is the same as the hover? It's a bit confusing for people when they can't click but it is already change color. I must have done something wrong with the custom css but not sure.

2. is it possible to create round circle social media icons rather than the square ones?

http://highanddryboatlifts.com/
Central Theme
Responses (4)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Louw

1. Have you since amended this issue as we appear to be able to click your menu items without issue?

2. Presuming I understand you correctly, try adding the following to the Custom CSS field of your templates parameters....


#socialmedia ul li a {

    border-radius: 50%;

}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Louw
Louw
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
1. It's my fault for not being clear enough. You can see in the attached image that the mouse moves over the section of the menu item, the letters become grey on hover but you can't click yet. Only when you move really close the the wording can you click on it. Is it possible to increase the size of the clickable menu item so that it is the same as the hover effect part? People are getting confused because the menu seems active but they can't click yet.

Just to be clear this is my fault as I added custom coding :)

2. Thanks a lot. Works perfectly :)
  1. more than a month ago
  2. Commercial Templates
  3. # 2
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Louw

1. Got ya.. to amend try adding the following to the Custom CSS field of your templates parameters...


.hornavmenu-top .hornav > ul > li {

    padding: 0 !important;

}

.hornavmenu-top .hornav > ul > li > a {

    padding: 40px 20px !important;

}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Louw
Louw
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
You are a legend! Thanks for the excellent service :)
  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!

Site Links

Recommended

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters the trademark holder in the United States and other countries.

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.

Ok