Edit the “down arrow” in this Twenty Seventeen theme

In the “Additional CSS” part of the dashboard, add this:

@media screen and (min-width: 768px) {
    .site-header .menu-scroll-down {
        background: rgba(255,255,255,0.7);
        box-shadow: 0 1px 1px #111;
        border: 1px solid #111;
        display: inline-block;
        left: 50%;
        margin-left: -100px;
        padding: 10px 0;
        text-align: center;
        top: 20px;
        width: 200px;
    }

    .site-header .menu-scroll-down .icon {
        color: #000;
        height: 25px;
        width: 25px;
    }
}

https://codex.www.ads-software.com/CSS#Custom_CSS_in_WordPress

Perfect, thanks a lot!

Hey Andrew,
I want to add text left of the arrow: “Posts” in the block.
How to do?

Add this:

	.site-header .menu-scroll-down:before {
  	     content: "Posts: ";
	}

• This reply was modified 7 years, 2 months ago by Gavin Tremlor.

Hey I would just like to remove it all together – any thoughts? Thank you!