-
johnottomagee
Hello Folks,
Please see the primary navigation on UC:
https://understand-culture.com/See the vertical line between
“Patterns” and “Access.”That vertical line is actually a page
added to the menu with as its title: |
(option+7).It’s a place-holder to illustrate what
I would like, namely a separator between
the main menu items (Germany, United States,
Contrasts, Patterns) and the minor menu items
(Access, Contact, LogIn).Is there a way to place such a vertical line
without it having to be a page?Thanks.
John
.
-
David
Hi there,
1. remove the menu item with the pipe character.
2. add this CSS to your site:
.main-navigation:not(.slideout-navigation) li a[href*="access"] { position: relative; margin-left: 20px; } .main-navigation:not(.slideout-navigation) li a[href*="access"]::before { content: ''; pointer-events: none; width: 1px; height: 1.3em; background-color: #000; position: absolute; left: -10px; top: 0; bottom: 0; margin-block: auto; }
it will add the border before the
access
menu item. -
johnottomagee
Perfect, David.
Thanks !John
-
David
You’re welcome !
-
johnottomagee
Hi David,
The pipe character in the primary menu is perfect.
Thank you.However, when I scroll it disappears.
Can it be made stationary at all times?John
-
Can you link us to the page again?
-
johnottomagee
-
Change
#site-navigation
to.main-navigation
instead. -
johnottomagee
Hi Ying,
That actually removed the pipe separator.
John
-
David
I edited the CSS here:
https://generate.support/topic/primary-menu-separator/#post-113014
Can you try replacing your current CSS with that ?
-
johnottomagee
It works beautifully, David.
Thanks to you, Ying and Arvind !
John
-
David
Glad to be of help
…. but I just updated the code so it doesn’t affect the off canvas menu 😉 -
johnottomagee
Hi David,
I just checked the menu on my iPhone.
The pipe separator is still there.Do I need to empty the cache?
John
-
David
Yeah, you will need to empty the cache. If it’s still there, let me know.
-
johnottomagee
Hi David,
I emptied the cache.
Then powered down and up
my iPhone.Still same problem.
John
-
David
Try deleting that CSS. Saving the changes.
then copy and paste again from this reply:https://generate.support/topic/primary-menu-separator/#post-113014
- You must be logged in to reply to this topic.