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

Paul Frankowski - Staff

More than a month ago #Permalink
Hi,
Here is solution how to fix footer menu :
(you need only this I guess)

#sp-bottom2 .sp-module ul > li {
display: inline;
border-bottom: 0;
float: right;
margin: 0 10px;
}

Attachments (2)

  • custom_css_field_helix3.png
    custom_css_field_helix3.png 9.9 KB
  • menu.png
    menu.png 6.5 KB


There are no replies made for this post yet.
However, you are not allowed to reply to this post.

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 205
Sifat

Sifat

Total Accepted Answers: 123
Toufiq

Toufiq

Total Accepted Answers: 91
Pavel

Pavel

Total Accepted Answers: 6
Rifat Wahid Alif

Rifat Wahid Alif

Total Accepted Answers: 4

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