Reply To: search text, Magnifier & loading icon responsiveness

Home › Forums › Product Support Forums › Ajax Search Pro for WordPress Support › search text, Magnifier & loading icon responsiveness › Reply To: search text, Magnifier & loading icon responsiveness

October 24, 2017 at 5:08 pm #15277
Ernest Marcinko
Ernest Marcinko
Keymaster

Hi!

Yes, unfortunately that is affected as well. From what I can see, it is the fixed margin that causes the problem. This should resolve it:


.asp_ball-pulse>div {
    margin: 0 !important;
    margin-top: 40% !important;
    margin-left: 10% !important;
}

If you prefer to use the browser scrollbar, then you can turn off this one under the Compatibility Options submenu: https://i.imgur.com/HjghyFM.png
This way the browser scroll bar will be used.

If you prefer to use the custom scrollbar script, there are no style options on the back-end, but it is possible to change the colors with custom CSS. I have made a few sample CSS rules, all you need to do is change the colors to your needs.

Dragger rail background color:

.mCSBap_draggerContainer .mCSBap_draggerRail {
    background: #ffff61 !important;
}

Dragger bar background color:

.mCSBap_draggerContainer .mCSBap_dragger_bar {
    background: #ff6767 !important;
    box-shadow: none !important;
}

Scroll Down button:


.mCSBap_buttonDown {
    border-color: rgb(0, 187, 142) transparent transparent transparent !important;
}

Scroll up button

.mCSBap_buttonUp {
    border-color: transparent transparent rgb(0, 187, 142) transparent !important;
}

I hope this helps!

Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)