• Closed by: Marek
  • Closed on: 20.08.18, 22:41
  • Reason: Closed
  • Comment: Glad to help!

Ticket #12727 - Search bar doesn't change dimension

Hi Marek I’m using header preset n°1 and i don’t use header builder but I can’t see right space when i go over search icon on top bar. I try to change css custom but i can’t fix it. Please show attached file and when you will can see this problem pls let me know. thank a lot

Comments

Marek 17 Aug 2018, 17:35

Try following CSS:

.show-search .header-right-side {position:absolute; right:0}
.show-search .header-main > .page-width {position:relative}
Alessandro Borsani 17 Aug 2018, 18:38

Thank you, I put the code that you write up but doesn’t fix it.
Are you sure that sintax is correct for custom css? I ask because I don’t see in css any changes.
thank you

Marek 17 Aug 2018, 18:41
Alessandro Borsani 17 Aug 2018, 18:43

Try now

Marek 17 Aug 2018, 18:47

Yes, try this:

#header.show-search .header-right-side {position:absolute; right:0;width:300px}
#header.show-search .header-main > .page-width {position:relative}
Alessandro Borsani 17 Aug 2018, 18:54

It works perfectly, thank you!! Sure I continue with support because I think you are working perfectly!

Marek 17 Aug 2018, 18:54

:)

Alessandro Borsani 20 Aug 2018, 12:36

You can close it like solved! ;)