[Reveka Template] Add space between menu links

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


Avatar

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 2 months, 2 weeks ago by AvatarBelim.

Brian

Hi Belim,
Just open custom.css file then add

.dropdown-button:first-child {
    padding-right: 30px;
}

Avatar

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?

Currently it looks a bit fragmented

Thank you very much!
Belim


Brian

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>


Avatar

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

You can force dropdown width using css like

.dropdown-content {
    width: 200px !important;
}

Avatar

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.


Brian

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


Avatar

for my it s good first case. thanks support

You must be logged in to reply to this topic.