Important notice: we will respond to all open ticket requests up until November the 1st. After this date, we will be unable to process the ticket requests here on Ticksy.

Okay
  Public Ticket #2022456
Navigation Options
Closed

Comments

  • 19theagency started the conversation

    1. Can you tell me where to go to change the typography of the navigation text? 2. Are there any other options in the navigation to show that I’m on that page? For instance, currently if I’m on the page, there is a block of color. But there are other ways to highlight that you are on that page, like underlining it, or changing the color of the word, etc. 3. If you go to my site www.mixedandbranded.com, the red color indicates that Im on that page. Is there anyway that I can change that color independent from the first main color of the site?

  •  1,845
    Elated replied

    Hello there,

    Welcome to your support management and thank you for choosing our theme!

    1) For mobile header navigation, there are settings in Elated Options -> Header -> Mobile Header -> Typography:

    1147888233.png

    But for high resolution screens, unfortunately there are no predefined options in our theme for changing typhography. You can only do so with some CSS code you can add into Appearance -> Customize -> Additional CSS. For example:

    .eltd-main-menu>ul>li>a {
        color: blue;
        font-family: serif;
        font-weight: 600;
        font-size: 16px;
    }
    9796889194.png

    2) This also can be only achieved with some additional CSS. For example:

    .eltd-main-menu>ul>li.eltd-active-item>a .item_text {
    color: yellow;
    text-decoration: underline;
    text-decoration-style: dotted;
    text-decoration-color: blue
    }
    2498842952.png

    3) Once again, since there is no predefined to option to change only this color, independent from the first main color, you can override it with some CSS. For example:

    .eltd-main-menu>ul>li.eltd-active-item {
        background-color: blue;
    }
    9696508984.png

    You could also use the similar CSS code to change the menu items style on hover:

    .eltd-main-menu>ul>li:hover {
        background-color: blue;
    }
    .eltd-main-menu>ul>li:hover>a .item_text {
        color: yellow;
    }
    3258666447.png

    If you need any further assistance with this, or anything else regarding our theme, please, don't hesitate to write back in.

    Best regards!

    Joey


    The Elated Support Center has been moved to our centralized support platform. 

    Please note that any existing tickets prior to this change will be answered right here on Ticksy, and in due time. 

    If you wish to submit a new support request, for all new inquiries please head on to our Help Center.

    Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.

    Don’t forget to sign up for our newsletter and be the first to find out all the latest news.