Mega menu - customize colours and size

Home › Forums › Jevelin Theme › Mega menu – customize colours and size

Home › Forums › Jevelin Theme › Mega menu – customize colours and size

Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    RESOLVED Posts

  • ot.tremelin
    Participant

    Hi,

    Thanks for you great theme.

    I would to customize my mega Menu.

     

    In fact, I want to change the blue color on hover. And I want also to change the size of font on my mega menu. It’s too small, I want to have a bigger size.

     

    Can you tell me how to do this ?

     

    Thanks a lot.

    Attachments:
    You must be logged in to view attached files.

    Shufflehound Support
    Moderator

    Hi @ot.tremelin,

     

    I hope you are well today and thank you for your question.

     

    You can try achieving this using Yellow Pencil editor as described in the below page.

     

    https://support.shufflehound.com/how-to-change-almost-any-element/

     

    Best regards,
    Shufflehound team

    ot.tremelin
    Participant

    Thanks for the answer.

    I tried to modifie my mega menu (font size and color on hover), with YellowPencil as you recommended me.

     

    But, the modifications are did only on 1 page.

    That means, if I look my menu on a other page, the modifications are not there.

    I would like to modifie the font size on all my mega menu on all my pages in a same time…Ā  Because, in every time I will add a new page, I don’t want to forget to modifie the menu customization.

    It’s better to do the modification one time for all the Mega Menu, and for all the website.

     

    Thanks for your answer,

    Attachments:
    You must be logged in to view attached files.

    Shufflehound Support
    Moderator

    Could you please share your site URL where it’s displaying and tell me the font size that you want to use for the menu so that I can help you to achieve it?

    ot.tremelin
    Participant

    Hi,

    For the moment, my site is hosted locally. So, I can’t send you the connection info …

    • This reply was modified 5 years, 2 months ago by ot.tremelin.

    Shufflehound Support
    Moderator

    As this is a custom work so I can’t help you without accessing your site.

     

    Please try to achieve this using Yellow Pencil editor by creating global CSS code or share me your site URL when it will be accessible.

    ot.tremelin
    Participant

    Thanks,

    I will send you the access when It will be hosted online.

    Shufflehound Support
    Moderator

    You are most welcome here šŸ™‚

    ot.tremelin
    Participant

    Hi,

    I come back, because my website is hosted online now and I want to change the color of my menu (blue to violet). I tried to do it by using Yellow Pencil editor, but it didnt succeed … In fact, when I want to change the hover colour (blue), it’s changing the permanent colour and not only the hover colour…

    Can you help me ?

    Thanks a lot.

    Attachments:
    You must be logged in to view attached files.

    Shufflehound Support
    Moderator

    Please try changing it from the theme Styling settings as shown in the attached screenshots.

    Attachments:
    You must be logged in to view attached files.

    ot.tremelin
    Participant

    Thanks for the answer.

    I’ve already did it, but nothing changed…Ā  That’s why i don’t understand it’s still blue

    Attachments:
    You must be logged in to view attached files.

    Shufflehound Support
    Moderator

    Could you please share your site URL where it’s happening so that I can troubleshoot it?

    ot.tremelin
    Participant

    Yes, it’s lacdetremelin.icodia.info/randonnees-bretagne/

    Shufflehound Support
    Moderator

    Solution for this topic

    You can change it by adding the following CSS code in the Custom CSS code option of your theme on the below path.

     

    Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code

     

    #page-container #header-navigation .sh-nav ul li.menu-item:hover > a {
        background-color: #682f73 !important;
}

    ot.tremelin
    Participant

    Thanks a lot, it’s working ! =)

    You are so efficiant in your answer. That’s great to have this support.

    Shufflehound Support
    Moderator

    You are always welcome here šŸ™‚

  • Author
    Posts
Viewing 16 posts - 1 through 16 (of 16 total)