face0ff

It doesn’t bother me, but I would change the background color and then it would be noticeable. Then how to customize the placeholder color of search form for mobile devices?

ok it was cashed. Lightspeed plugin is off ??

Sure. Here is the link.

Thank you David! I found a solution. I only set the rules only desktop.

/* 2 Columns for Archive & Blog Page for Desktop */
@media (min-width: 1025px) {
body.archive .site-main, body.blog .site-main {
        display: flex;
        flex-wrap: wrap;
        margin-left: -1em!important; /* offset article gaps */
    }
    /* Force navigation to fill 100% of row */
body.archive .site-main nav, body.blog .site-main nav {
        flex: 1 0 100%;
    }

body.archive .site-main article, body.blog .site-main article {
        width: calc(50% - 1em); /* remove margin-left from width */
        margin-left: 1em;
    }
}

• This reply was modified 4 years, 2 months ago by face0ff.
• This reply was modified 4 years, 2 months ago by face0ff.
• This reply was modified 4 years, 2 months ago by face0ff.

Works fine, but how can I exclude it in the mobile version?

My website.

Thank you Leo, works fine!

.main-navigation .menu-bar-items .search-item.active > a {
	color: #FAFAFA;
	background-color: #3C3C44;
}

.main-navigation .menu-bar-items .search-item > a:hover {
	color: #FAFAFA;
	background-color: #3C3C44;
}

Hello Leo,

I use exactly the same css code. This code changes the color of the search field, but not the search button. And that’s exactly what is missing in this code. I would like to have the same setting as for the search field for the search button.

Thanks in advance ??

Hi David,

yes sure. This is my site.