COMPACT SEARCH BAR WIDTH ISSUE

Hi Colin,

It looks like that the container element has an automatic width set, so it expands to a minimum value. Instead of percentage values, try using pixel values, that will do the trick.

Hi Colin,

Yes, that seems correct to me.

Hi Colin,

Well, probably using the additional keywords feature is a good way. You can add these keywords to the items where they are missing.

Hi,

I am not sure if you resolved the white space issue, but it looks okay to me at the moment: https://i.imgur.com/WbYIVr6.png
Let me know if it happens on a specific device.

To resolve the height issue on mobile devices, try this custom CSS:

@media only screen and (max-width: 480px) {
    .asp_r .results {
        max-height: 300px !important;
    }
}

Hi,

It looks like maybe a 1px misalignment for some reason. Try this custom CSS rule, it should align it 1px lower:

@media only screen and (max-width: 480px) {
   div.asp_m.asp_m_1 .probox .proinput input.autocomplete {
       margin-top: -33px !important;
   }
}

Hi Colin,

It looks like it’s only a black border/box shadow, check if the border and the box shadow of the settings icon is set to none: https://i.imgur.com/5ZKhpSV.png
Those should do the trick. If not, then use this custom CSS:

.prosettings {
    background: white  !important;
}

.prosettings svg {
    fill: black !important;
}

Hi Colin,

I don’t think it’s neccessary if you are using the Rocket Loader, it should take care of that.