change the font in the big menu dropdown

Site URL: https://www.addictgalerie.com/gallery-view

I managed to put a big menu extension with the vidéo of Adlytic Marketing. However I want to change only the fonts of the subfolders ( what is circled in my square in red on the screen shoot). It is possible? 

here is the line of code I pasted in CSS: 

/********* Mega menu code *********/
/* Adjust width and vertical position */
.Header-nav--primary .Header-nav-inner .Header-nav-item--folder:nth-child(5) .Header-nav-folder {
    position: fixed;
    width: 120vw;
    left: 75vw;
    top: 53px;
    display: none;
}

/* Reveal menu when someone hovers */
.Header-nav--primary .Header-nav-inner .Header-nav-item--folder:nth-child(5):hover .Header-nav-folder {
    display: block !important;
}

/* Hide the default dropdown */
.Header-nav--primary .Header-nav-inner .Header-nav-item--folder:nth-child(5) .Header-nav-folder > a {
    display: none;
}
/* Make links not underline, and give more vertical spacing */
.Footer-blocks .sqs-block-html p a{
  font-size:!important;
  border-bottom: 0px;
  line-height: 1.6em;
}

Hi,

Font size, font color, font name or...?

Also, can you enable right click?

Hello, font name. It' done for the right click

On 5/7/2021 at 10:15 PM, Theo4543 said:

Hello, font name. It' done for the right click

 

Add to Design > Custom CSS

/* dropdown menu font */
header.Header div#footerBlocksMiddle * {
    font-family: monospace;
}

Hello thank you, It's possible to change font on just sub folder and not all the mega menu? ( what is circled in my square in red on the screen shoot)

And I don't understand why when I put "Proxima Nova font" Is not this font which display? 

19 hours ago, Theo4543 said:

And I don't understand why when I put "Proxima Nova font" Is not this font which display? 

the font name should be 

Quote

proxima-nova

5 hours ago, tuanphan said:

the font name should be 

 

Thank you and is it possible to target only the words whose font you want to change?

On 5/12/2021 at 4:19 PM, Theo4543 said:

Thank you and is it possible to target only the words whose font you want to change?

Add to Custom CSS

/* Shop mega menu font */
a[href="/shop"] + span * {
    font-family: proxima-nova !important;
}

Hello thank tou, I am wondering if it is possible to have a similar effect on the big menu as on a classic drop down menu? That is to say that the color of the word is darker when the mouse is passed over it. (look screenshoot) 

page link: https://www.addictgalerie.com/home

On 5/20/2021 at 4:58 PM, Theo4543 said:

Hello thank tou, I am wondering if it is possible to have a similar effect on the big menu as on a classic drop down menu? That is to say that the color of the word is darker when the mouse is passed over it. (look screenshoot) 

page link: https://www.addictgalerie.com/home

 

 

You mean

Initial: gray

Hover: to black

Is this right?

Yes that's exactly it !

18 hours ago, Theo4543 said:

Yes that's exactly it !

Add to Design > Custom CSS

span.Header-nav-folder div * {
    color: rgba(0,0,0,.4) !important;
}
span.Header-nav-folder div *:hover {
    color: black !important;
}

Okay thank you

Hello, I have to change only 2 words in my large menu to lower case and proxima nova. It's possible?

Link page: https://www.addictgalerie.com/home

14 hours ago, Theo4543 said:

Hello, I have to change only 2 words in my large menu to lower case and proxima nova. It's possible?

Link page: https://www.addictgalerie.com/home

Hi. Which words?

"ART" and "DESIGN"

6 hours ago, Theo4543 said:

"ART" and "DESIGN"

Add to Design > Custom CSS

/* design-art font */
div#block-yui_3_17_2_1_1619182976985_7961 p:first-child *, div#block-yui_3_17_2_1_1604659240697_7131 p:first-child * {
    text-transform: lowercase;
    font-family: 'proxima-nova' !important;
}