[Piranhabar_webParticipant]

Hi,

Hope you are keeping well?

I have two questions please:

1) I’m wondering if it’s possible to change the text content in the nav as you scroll down the page?

I’ve attached two images to explain further. Basically I want to go from 1_Nav_open.jpeg to 2_Nav_closed.jpeg when I scroll down the page.

2) How would I go about adding the ‘down arrow’ to an active nav link? Again see the attached 1_Nav_open.jpeg, where it says: ‘Piranha Bar Branded Content’,

Many thanks for your help in advance,

Barry

[ChristianModerator]

Hey Barry,

Thanks for writing in! Regretfully this isn’t a feature offered by X. It could be possible with custom development, but this cope of support we can offer. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities. Thanks for understanding. Take care!

[Paul RModerator]

Hi Barry,

1. Wrap your text in span with class.

eg. <span class="xmenu">PIRANAHA BAR </span> EDIT HOUSE

http://screencast.com/t/AQRolWIGO

Then add this in Custom > Edit Global CSS in the customizer

body .x-navbar.x-navbar-fixed-top .xmenu {
    display:none;
}

2. Add this in your child theme’s style.css

body .x-navbar .desktop .x-nav > .current-menu-item > a:after {
    font-family: fontawesome;
    content: "\f107";
    position: absolute;
    width: 10px;
    height: 10px;
    color: #000;
    bottom: -10px;
    left: 50%;
    margin-left:-5px;
}

Hope that helps.

[Piranhabar_webParticipant]

Thanks a million Paul!

[ThaiModerator]

If you need anything else please let us know.

[Piranhabar_webParticipant]

Hi guys,

I’m back again!

I’ve got 2 questions:

1) I’m wondering how would I go about making two different css styled nav menus?

I’ve sorted out creating two different menus using the menu-swapper plugin, however I want them to look different.

2) How can I set a child page’s nav link the the active state of it’s parent page.
E.g. This page: http://2016testing.piranhabar.ie/wordpress/portfolio-item/irelands-ancient-east/
is a child of the ‘Piranha Bar branded content’ page. However when on this page, I’d like the words ‘Piranha Bar branded content’ to be on the active state (i.e. color purple – see attached image)

[JoaoModerator]

Hi There,

1)

Yes it is possible, you don´t need menu swapper for that, but if it is compatible with X it also doesn´t hurt

Please provide the pages where you would like to have a different menu in order that we can target them based on the page´s IDs

Also provide more details about the way you would like the menu to look.

2)

Add this code in your Customizer’s Custom CSS:

.x-navbar .desktop .x-nav > .current-page-parent > a{
color:#f3fc00;
box-shadow: inset 0 4px 0 0 #f5821f;
}

Hope it helps

Joao

[Author]

Posts