Customize Dropdown Menus

  • Resolved fynnlee

    (@fynnlee)


    3 years, 5 months ago

    Is there a way to change the mobile dropdown menus so they don’t take up the whole page? Or to change the background and font colors? Or to change the alignment of the text? I’ve tried searching for CSS customizations, but nothing I’ve added to the custom CSS field has had any effect.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Branko

    (@brankoconjic)

    Hi @fynnlee,

    You can try with something like this:

    @media screen and (max-width: 768px) {
    #sinatra-header-inner .site-navigation {
        background: rgba(255,255,255,.5); /* change background */
    }

    #sinatra-header-inner .site-navigation a span {
        text-align: center; /* align to center */
        color: #888 /* change color */
    }
}

    Add the CSS into the Additional CSS field in Appearance ? Customize.

    Thread Starter fynnlee

    (@fynnlee)

    Thank you! That worked!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Customize Dropdown Menus’ is closed to new replies.