Integrity Submenu

Support
#8

Hi There,

To make the previous CSS work, you have to change the page parent of all video pages to Impressions page:

Hope it helps :slight_smile:

#9

Hi thai

Thank you very much for this important advice. This is exactly the right solution.

The red line appears above the menu text “IMPRESSIONS” but the text itself doesn’t change its color to light grey. What could be the problem?

Thanks again!

#10

Hi Felix,

I checked and it turns to light grey, the parent and the active sub-menu item. Would you mind providing a screenshot?

Thanks!

#11

Hi Rad

Thank you very much for your reply. If the page is a submenu-page, the parent and the active sub-menu turns to light grey, but the video pages are not in the menu, so therefor with the provided code, only the red line above the menu appears, but the text itself is not affected (see screenshot).

Thanks again.

#12

Screenshot_Menu.jpg

#13

Hello Felix,

To resolve your issue, please find this custom css block:

Update it using this code instead:

.x-navbar .x-nav-wrap .x-nav > li.current-menu-parent > a,
.x-navbar .x-nav-wrap .x-nav > li.current-page-ancestor > a {
    box-shadow: inset 0 4px 0 0 #ff2a13;
    color: #b7b7b7;
}

We would loved to know if this has work for you. Thank you.

#14

Hi RueNel

Thank you very much for your reply. No, I already had change the color to ##b7b7b7. With the submenu it seems to work but not with the video pages, which are connected to the parent page “IMPRESSIONS”. The box-shadow code affects the menu already but the code for the text color does not.

Thanks again.

#15

Hey There,

Your color code is incorrect. Instead of ##b7b7b7 it should be #b7b7b7.

So the correct CSS should be:

.x-navbar .x-nav-wrap .x-nav > li.current-menu-parent > a, 
.x-navbar .x-nav-wrap .x-nav > li.current-page-ancestor > a {
    box-shadow: inset 0 4px 0 0 #ff2a13;
    color: #b7b7b7;
}

Regards!

#16

Hi Thai

Thank you very much for your great help! I didn’t see the mistake. Now it’s perfectly working!

Thanks again and sorry for my mistake.

#17

You’re most welcome!

#18

Hi there

What do I have to change in the code that it works also in your Renew Template?

With this code the line is above the menu but in Renew the active Menu has a underline:

.x-navbar .x-nav-wrap .x-nav > li.current-menu-parent > a,
.x-navbar .x-nav-wrap .x-nav > li.current-page-ancestor > a {
box-shadow: inset 0 4px 0 0 #ff2a13;
color: #b7b7b7;
}

Thank you very much for your help!

#19

Hi There,

To make the line appear at the bottom, please update the custom CSS to this:

.x-navbar .x-nav-wrap .x-nav > li.current-menu-parent > a, 
.x-navbar .x-nav-wrap .x-nav > li.current-page-ancestor > a {
    box-shadow: inset 0 -4px 0 0 #ff2a13;
    color: #b7b7b7;
}

Hope it helps :slight_smile:

#20

Hi thai

Thank you very much for your help. How can I adjust the distance between the letters and the line? in Renew the line ist nearer to the menu letters and has only the width of the word (see attachment).

Thanks again for your help!

#21

#22

Hi again,

For the renew stack, you can remove the previous code and use this one instead:

.x-navbar .x-nav-wrap .x-nav > li.current-menu-parent > a > span, .x-navbar .x-nav-wrap .x-nav > li.current-page-ancestor > a > span {
    box-shadow: inset 0 -2px 0 0 #b7b7b7;
    color: #b7b7b7;
}

Let us know how this goes!

#23

Hi Nabeel

Thank you very much for the new code. It’s nearly perfect but the line still is two pixels to high. It seems like the line from the code is inside the box and the line in the menu outside.

How can I move the line two pixels down?

Thanks again.

#24

Hi again,

You can replace the previous code with the following code:

.x-navbar .x-nav-wrap .x-nav > li.current-menu-parent > a > span, .x-navbar .x-nav-wrap .x-nav > li.current-page-ancestor > a > span {
    box-shadow: inset 0 -2px 0 0 #baafa5;
    color: #baafa5;
    padding-bottom: 8px;
}

You can adjust the padding-bottom: 8px; in the above code if needed. Let us know how this goes!

#25

Hi Nabeel

Great - this works perfect!

Thank you very much for your help!

#26

Glad we were able to help :slight_smile:

#27

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.

Active Menu with permanently Particle (underline)