Design issue on my account page with woocommerce 7.6

  • Resolved adrianwackernah

    (@adrianwackernah)


    1 year, 11 months ago

    Since Woocommerce 7.6, which was released yesterday, I see on my site a wrong width of the search icon in main menu but only on such page. It seems that there is something in css overwritten by WC. Please check.

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter adrianwackernah

    (@adrianwackernah)

    I see on another site too that cart page has same issue. I have set width of search bar to 200px without submit button (only icon) but that is overwritten on pages my account, cart and checkout.

    Hi @adrianwackernah

    There is CSS code in your theme that is applied to elements with the .woocommerce class. This causes FiboSearch that also uses this class to be applied.

    This CSS should solve the problem:

    body.woocommerce-cart .is-layout-constrained .woocommerce.dgwt-wcas-search-wrapp, 
body.woocommerce-checkout .is-layout-constrained .woocommerce.dgwt-wcas-search-wrapp, 
body.woocommerce-account .is-layout-constrained .woocommerce.dgwt-wcas-search-wrapp {
	max-width: 20px;	
}

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

    Regards,
    Kris

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Design issue on my account page with woocommerce 7.6’ is closed to new replies.