Support Forums

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

Your Time: Our Time:

Rhino Menu

Featured Lock Resolved Issue
If i were to edit the setting for rhino menu. I want to add a topbar that the logo won't overlap. Also i want to have the menu closer to the logo rather then having it so far apart. Also with each menu, i want to have a border around it.

1 Answers


More than a month ago #Permalink

You asked for 3 questions. Here is the answer:

1. Go to HELIX3 -> Layout section and create a new row to set it above the Header section. Check topbar.png attachment.

2. To close the menu to the logo go to HELIX3 -> Layout tab and follow my closer to the logo.png file instruction.

And create a file called custom.css in CSS directory and paste this code:

.sp-megamenu-parent {
list-style: none;
padding: 0;
margin: 0;
z-index: 99;
display: block;
float: left;
position: relative;

3. To set the border go to custom.css file and add this code:

.sp-megamenu-parent >>a, .sp-megamenu-parent >li:hover>a {
color: #fd5238;
border-left: 1px solid #ff7638;
border-right: 1px solid #ff7638;
border-bottom: 1px solid #ff7638;


Attachments (2)

  • topbar.png
    topbar.png 108.7 KB
  • closer to the logo.png
    closer to the logo.png 161.1 KB

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

Leaderboard (30 days)



Total Accepted Answers: 114
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 113


Total Accepted Answers: 58


Total Accepted Answers: 4
Mohammed Ahmed

Mohammed Ahmed

Total Accepted Answers: 2




Community Users


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. is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us