Support Forums

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Bottom menu jumping on mouseover

Featured Lock Resolved Task
Hi there,
I am using Helix 3 Template and just want to integrate a menu in the blue footer. I have created a menu module position and placed it to the addicted position.

The menu items have appeared verticaly with a border between. To change that I have added some custom css:


div#sp-bottom2.col-sm-6.col-md-6 div.sp-column div.sp-module.jmoddiv.jmodinside div.sp-module-content ul.nav.menu li{
display: inline-block !important;
float: right;
border: none;
}

div#sp-bottom2.col-sm-6.col-md-6 div.sp-column div.sp-module.jmoddiv.jmodinside div.sp-module-content ul.nav.menu li a{
margin-left: 20px;
}

div#sp-bottom2.col-sm-6.col-md-6 div.sp-column div.sp-module.jmoddiv.jmodinside div.sp-module-content ul.nav.menu li a:focus{
background: none;
}


Now strange thing is that when I load the page the menu is still appearing in old style, when I hover over the footer-menu its appearing how I want it.

Here link to live site:

Live Site

See navigation at the real bottom of the page. Can you tell me whats wrong with it? Trying for nearly an hour now.

kweb

1 Answers

Please login to view replies.

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 186
Sifat

Sifat

Total Accepted Answers: 67
Toufiq

Toufiq

Total Accepted Answers: 37
Pavel

Pavel

Total Accepted Answers: 5
Dilruba Tariq

Dilruba Tariq

Total Accepted Answers: 2

100+

Templates

200,000+

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us