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

Shibbir

More than a month ago #Permalink
Well,

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 >li.active>a, .sp-megamenu-parent >li:hover>a {
color: #fd5238;
border-left: 1px solid #ff7638;
border-right: 1px solid #ff7638;
border-bottom: 1px solid #ff7638;
}


Thanks.

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)

Sifat

Sifat

Total Accepted Answers: 114
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 113
Toufiq

Toufiq

Total Accepted Answers: 58
Pavel

Pavel

Total Accepted Answers: 4
Mohammed Ahmed

Mohammed Ahmed

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