Option Dropdown Not Working Properly

Store Builder Questions
1

Hi guys

Could someone please help me get rid of this Div that is blocking part of the options drop-down from being active for selection.

I have attached an image of it shown by firebug. But I can not find which file to edit to remove. If you visit http://securitystuff.ie/house-cam/house-cam/1-camera-house-cam-kit/

You will be able to see that the drop-down is only partial clickable.

This latest version of 4.3.4 is very buggy.

mask.png

2

Use my changes or add to styles.less and try this, All I did was add "10" to padding as below, old version at bottom

.ty-product-block__note {
  1. position: absolute;
  2. right: 0;
  3. padding: 21px 10 0;
  4. width: 200px;
  5. line-height: 140%;
  6. color: #798d8e;

_________________________________________

.ty-product-block__note {
  1. position: absolute;
  2. right: 0;
  3. padding: 21px 0 0;
  4. width: 200px;
  5. line-height: 140%;
  6. color: #798d8e;
}
3

Use my changes or add to styles.less and try this, All I did was add "10" to padding as below, old version at bottom

.ty-product-block__note {
  1. position: absolute;
  2. right: 0;
  3. padding: 21px 10 0;
  4. width: 200px;
  5. line-height: 140%;
  6. color: #798d8e;

_________________________________________

.ty-product-block__note {
  1. position: absolute;
  2. right: 0;
  3. padding: 21px 0 0;
  4. width: 200px;
  5. line-height: 140%;
  6. color: #798d8e;
}

Hi johnbol1

Thanks for that, but this does not really fix the issue. because if another line of text is added to the promo text the div moves down to cover the options again.

What I want to get rid of is below the .ty-product-block__note shows as

<p>

<p> p>
What file is this in.
Alan
4

Hi johnbol1

Thanks for that, I found the issue, which had nothing to do with the site code. The client had cut and pasted something from Microsoft work into the promo text field and it was making the page do all sorts of strange things.

Alan

5

all good :)

thanks for updating

6

Try to add the following rule:

.ty-product-block__note {
   max-height: 100px;
   overflow-y: scroll;
}