fibo search bar length does not increase on header

  • Resolved adionicio

    (@adionicio)


    2 years, 8 months ago

    Hello, I started to develop e-commerce for my small business and I’m trying to add a large search bar at the top of the header with fibo search, but it does not matter how much I increase the pixels in the settings section the length stays the same on the menu.

    How can I fix this? the template I’m using is Astra and it says that it’s compatible with fibosearch.

    • This topic was modified 2 years, 8 months ago by adionicio. Reason: add more details

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

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

    (@c0nst)

    Hi @adionicio!

    Try this CSS snippet:

    .site-header-above-section-left.site-header-section.ast-flex.site-header-section-left {
  width: 125%;
}

aside.header-widget-area.widget-area.site-header-focus-item {
  width: 100%;
}

    The results should be like this: https://prnt.sc/86rAdbUXZj5b

    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 adionicio

    (@adionicio)

    Hey kris, that solved my issue thank you!

    Hello guys, i need a help with the same issue, but that code doesn’t work for me.
    This is the page i need help with: https://www.staging14.gimarbeauty.com/

    Plugin Support Kris

    (@c0nst)

    @deny21

    I see that you managed to solve the problem. Your search bar is now wide for all section content. Please confirm if I am thinking correctly.

    Regards,
    Kris

    Yes i was able to fix it with some css.

    Plugin Support Kris

    (@c0nst)

    Hi @farmabelgrano

    Use this CSS:

    @media(min-width: 1500px) {
	.dgwt-wcas-search-wrapp {
		min-width: 400px;
	}
}

@media(min-width: 992px) {
	.dgwt-wcas-search-wrapp {
		min-width: 300px;
	}
}

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

    Regards,
    Kris

    Gracias por la respuesta… sigue igual

    Hello (@c0nst)

    From this CSS:

@media(min-width: 1500px) {
	.dgwt-wcas-search-wrapp {
		min-width: 400px;
	}
}

@media(min-width: 992px) {
	.dgwt-wcas-search-wrapp {
		min-width: 300px;
	}
}

    If I wish for more length, How can I fix this?

    Regards,
    Serm H

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘fibo search bar length does not increase on header’ is closed to new replies.