fbpx

Astroid Framework - Next generation Joomla template builder Download Astroid

Welcome, Guest
Username: Password: Remember me

TOPIC: (SOLVED)Separator for Navigation

Separator for Navigation 2 months 2 weeks ago #10289

  • onechance
  • onechance's Avatar
  • Offline
  • Junior Member
  • Posts: 32
  • Karma: 0
Hey guys,

I need to add separators between elements of navigation, in thise case ONLY before the Search menu



I tried it like this, without success
.astroid-nav .nav-link:before .SearchMenu-Custom {
  content: '|';
  padding: 0 1rem;
}

I'm know this is nothing to you :P

Thanks
Last Edit: 2 months 2 weeks ago by onechance.
The topic has been locked.

Separator for Navigation 2 months 2 weeks ago #10290

  • chandandeep
  • chandandeep's Avatar
  • Offline
  • Administrator
  • Posts: 2658
  • Thank you received: 422
  • Karma: 65
Please follow the steps:

  • First, add the "separator" class in the search menu item. See the screenshot
  • Second, Add the following code. The code according to your site(mirinsoft).

.astroid-nav .separator{
    position: relative;
}

.astroid-nav .separator:before {
    position: absolute;
    content: "|";
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

Thanks,
Chandan
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.
The topic has been locked.

Separator for Navigation 2 months 2 weeks ago #10307

  • onechance
  • onechance's Avatar
  • Offline
  • Junior Member
  • Posts: 32
  • Karma: 0
That made it : )Many thanks Chandan!
The topic has been locked.

Separator for Navigation 2 months 2 weeks ago #10326

  • Lalit Kumar
  • Lalit Kumar's Avatar
  • Offline
  • Moderator
  • Posts: 202
  • Thank you received: 32
  • Karma: 8
Great :)

Let us know if you have any query.

Thanks
Lalit
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.
The topic has been locked.
Time to create page: 0.468 seconds