Home Forums Community Forum Font colour of sticky menu in the new Avada layout builder

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • MikesFr
    Participant
    Post count: 6

    How do you change the font colour only for the sticky menu after setting the background? In the settings bevor introducing the layout builder there was an option for it and I can’t find it via CSS either.

    Option is missing
    https://www.youtube.com/watch?v=zDbmRWr2RAw&t=259s
    Around 4:20

    MikesFr
    Participant
    Post count: 6

    I used

    .fusion-fullwidth.fusion-builder-row-live-1.fusion-sticky-transition span.menu-text {
      color: red!important;
    }

    in the layout section options which worked

    MikesFr
    Participant
    Post count: 6

    I correct myself, only works withinn the Header Builder. On the Website gets overwritten by

    .fusion-menu-element-wrapper .fusion-menu-element-list>li:not(.fusion-menu-item-button)>.fusion-open-nav-submenu, .fusion-menu-element-wrapper .fusion-menu-element-list>li:not(.fusion-menu-item-button)>a {
        color: #212934!important;
    }

    Do not know where this comes from as I dont use this color

    sawmri
    Participant
    Post count: 5

    Hi-

    Did you ever figure this out? I am having the same issue.

    Thanks!

    KidsVamoose
    Participant
    Post count: 4

    I’m trying to do the same. I have a global header with a transparent background and white font color. The background turns white when the header turns sticky… but the font is still white.

    Any suggestions or creative ideas guys?

    Thanks!

    Sam

    freeminds
    Participant
    Post count: 1

    You create 2 menus´s and select , Normal on one, and sticky on the other in the settings for the specifik menu.

    KidsVamoose
    Participant
    Post count: 4

    Perfection, got it working yesterday!

    Thanks!

    stephaniew85
    Participant
    Post count: 1

    Hi guys,
    Could you elaborate on that solution?
    Still trying to change the font colour only for the sticky menu.
    And I want it consistently on all pages.
    Thanks!

    Shaminder
    Keymaster
    Post count: 107

    Hi @stephaniew85

    You can try the solution mentioned by @freeminds. That is the correct way to go about it

    Note that the Avada community forum is primarily for a user to user interaction.

    If you would like hands-on assistance here, please register for support and create a support ticket as explained here → https://theme-fusion.com/avada-doc/getting-started/avada-theme-support

    Thank you!

    Shaminder

    Shaminder
    Keymaster
    Post count: 107

    Hi @stephaniew85

    You can try the solution mentioned by @freeminds. That is the correct way to go about it

    Note that the Avada community forum is primarily for a user to user interaction.

    If you would like hands-on assistance here, please register for support and create a support ticket as explained here → https://theme-fusion.com/avada-doc/getting-started/avada-theme-support

    Thank you!

    Shaminder

    Ammar. S
    Keymaster
    Post count: 1803

    Hello Everyone

    No additional CSS should be needed for this, you can simply use the sticky visibility option with our elements and create the layout of your choice or change the color of menu elements, please see our article explaining this in details here => https://theme-fusion.com/documentation/avada/how-to/how-to-work-with-sticky-containers/

    Thanks

    -Ammar

Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.