SNPtheCat

Member
In response to blip #133515

dba_afish said:
okay, _here's_ my final CSS tweaks for the new mobile site navigation menu

/*site background visible behind header*/
#nav-toggle, .nav-logo, .nav-controls, .nav-controls .nav-tools-login { background: none; }

Do you know how to give the contents in the header an outline if for example i used this with sticky header

  • View Responses
    •

    Responses

    dba afish

    Member
    In response to blip #133575

    SNPtheCat said:
    Do you know how to give the contents in the header an outline if for example i used this with sticky header

    do you mean like a stroke around the fa icons and text like this?

    doing it around the font stuff is pretty easy (since I'd already done some of the work previously):

    #nav-toggle, .nav-controls, .nav-controls .nav-tools-login { --header-stroke: #000000; /*<- stroke color*/
text-shadow: -.67px -.67px 0 var(--header-stroke), -.94px 0 0 var(--header-stroke), -.67px .67px 0 var(--header-stroke), 0 .94px 0 var(--header-stroke), .67px .67px 0 var(--header-stroke), .94px 0 0 var(--header-stroke), .67px -.67px 0 var(--header-stroke), 0 -.94px 0 var(--header-stroke); }

    I don't know if it'd be possible to do something similar with the site logo, though.

  • View Responses
    •