Problem with setting width of search field

  • Resolved gostomek

    (@gostomek)


    9 months, 2 weeks ago

    Hello,

    I have a problem with width on search bar.

    The maximum width of the search field is set now on 900 px, but on website is much thinner only on full page. Mobile view is ok.

    How can I solve it?

    BR,

    Kamil

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support Kris

    (@c0nst)

    Hi @gostomek!

    Try this CSS:

    html .site-header-row.site-header-row-center-column {
	grid-template-columns: 1.5fr 3fr 0.075fr;
}

.site-header-item[data-section="kadence_customizer_header_mobile_search_bar"],
.header-mobile-search-bar form {
	width: 100%;
}

@media(max-width: 992px) {
	html .site-header-row.site-header-row-center-column {
		grid-template-columns: 1fr 2.5fr 1fr;
	}
	
	.header-mobile-search-bar {
		width: 100%;
	}
}

.site-header-item[data-section="kadence_customizer_header_html"] {
	width: 100%;
}

.site-header-item[data-section="kadence_customizer_header_html"] > .header-html {
	width: inherit;
}

    Paste it into Appearance -> Customize -> Additional CSS. If you aren’t familiar with custom CSS, take a look at this video.

    Regards,
    Kris

    Thread Starter gostomek

    (@gostomek)

    Hello,

    It worked.

    Thank you

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Problem with setting width of search field’ is closed to new replies.