Fibo search icon (mobile) loading wrong

  • Resolved Henrik

    (@henbik)


    2 years, 1 month ago

    Hi!

    We find that the icon for Fibo expands into a search field, then becomes an icon during page loading. This destroys part of the mobile view. How can we prevent this from happening? See video.

    Video: https://we.tl/t-yCesL8T4mj

    Best regards

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

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

    (@c0nst)

    Hi @henbik

    This CSS code should solve the problem:

    @media(max-width: 992px) {
	.dgwt-wcas-search-wrapp {
		display: none;
	}
	
	.dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon-flexible-loaded {
		display: block;
	}
}

    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 Henrik

    (@henbik)

    Hi Kris,

    The CSS-code solved the problem – thanks!

    Now, the search result field is wider than the screen, and is not responsive to the screen width. The price is appearing on the right side, outside the screen.
    Do you know how to fix this issue?

    Best regards,
    Henrik

    Plugin Support Kris

    (@c0nst)

    Hi @henbik

    You can change the font size in FiboSearch input to fix this problem:

    .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
	font-size: 16px !important;
}

    Regards,
    Kris

    Thread Starter Henrik

    (@henbik)

    Thank you verymuch, Kris!

    Best regards,
    Henrik

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Fibo search icon (mobile) loading wrong’ is closed to new replies.