Steve Steve - 6 months ago 10
HTML Question

HTML from input element (search box) can't be selected with the mouse

At this site, the search box at top right does not function.

I tried adding a z-index to the parent element:

.col-right-one-thirds {
max-width: 22.38033333em;
padding: 1em;
box-sizing: content-box;
float: right;
z-index: 9999;
}


but that does not resolve the issue.

The search box is a Wordpress search widget.

How can I resolve this please?

Answer

The div .col-full is overlayed atop the header because of the floated divs .col-right-one-thirds and .col-left-two-thirds

Add clear: both to .woocommerce-active .site-header .col-full

.woocommerce-active .site-header .col-full {
    position: relative;
    clear: both;
}