[Reveka Template] Add space between menu links

Home › Forums › Support › [Reveka Template] Add space between menu links

Belim
Posted 5 years, 1 month ago

Hello,

how can I change the spacing (and add more space) between the menu elements in the upper right corner?
Screen

Here the class
.uk-float-right {
float: right;
}

Website

Many thanks and regards from Germany

  • This topic was modified 54 years, 11 months ago by .
Brian
Posted 5 years, 1 month ago

Hi Belim,
Just open custom.css file then add

.dropdown-button:first-child {
    padding-right: 30px;
}
Belim
Posted 5 years, 1 month ago

Hey Brian,

great! Missed the “first child” item. Many thanks for that 🙂

Another question!
Is it possible to add text (instead of using the icon-class) in a whole line (maybe with a custom width) in the dropdown structure?

View post on imgur.com

Currently it looks a bit fragmented

Thank you very much!
Belim

Brian
Posted 5 years, 1 month ago

Hi there,

I think its possible, did you try to replace the li content before ?

Switching the Joomla editor to codemirror or none, replace
<li><a href="https://warptheme.com/"><i class="uk-icon-linkedin"></i></a></li>
with
<li><a href="https://warptheme.com/">your text here</a></li>

Belim
Posted 5 years, 1 month ago

Yes, but i have a line break.
Look here: https://imgur.com/YppzbF0

I would like to have the complete text on one (little wider) line.

Brian
Posted 5 years, 1 month ago

You can force dropdown width using css like

.dropdown-content {
    width: 200px !important;
}
Belim
Posted 5 years, 1 month ago

Brian, thanks!

One final question:
Is it possible to click on MENU 1(upper Fixed Action menu) and trigger and open the Dropdown menu of MENU 2.
Take a look at my screen.

Thank you.

View post on imgur.com

Brian
Posted 5 years, 1 month ago

Hi Belim,
I dont think its possible for this case.

pimples
Posted 5 years, 1 month ago

for my it s good first case. thanks support

You must be logged in to reply to this topic.