Search box style broken

  • Resolved audiosimple

    (@audiosimple)


    5 years, 12 months ago

    Hi, I′ve downloaded the plugin for a small online shop I’m
    creating at localhost, all of the features works great except the appereance of the search box, I share a screenshot here:

    I have two themes installed and it looks the same in both of them. I would like to know how to fix this issue.

    • This topic was modified 5 years, 12 months ago by audiosimple.
Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author ILLID

    (@mihail-barinov)

    Hello,

    It is hard to say what exactly goes wrong based only on screenshot.
    But you can do the following: please open browser console ( F12 ), find in elements window element ‘aws-wrapper’ and make screenshop that I can see styles in the right side of console. Please do the same and for ‘aws-search-field’ element.

    Regards

    Thread Starter audiosimple

    (@audiosimple)

    Hello again, here is the screenshot.

    I forgot to mention that I’m using Elementor for building the site and the plugin is located into an Elementor Widget.

    Thanx for your help, I hope to fix this problem soon.

    Plugin Author ILLID

    (@mihail-barinov)

    Hi,

    Can you also tell me the theme name that you are using?

    So you add plugin build-in widget to one of Elementor widget areas?

    Thanks

    Thread Starter audiosimple

    (@audiosimple)

    I’m using Phlox Theme (free version) and I have also installed Astra free version. The active theme is Phlox, but it looks the same in Astra.

    I used the Shortcode Elementor widget and paste the shortcode you provide in plugin settings area.

    Plugin Author ILLID

    (@mihail-barinov)

    Hi,

    Looks like I find solution for you.
    Please add following style to your theme style.css file

    .aws-container .aws-search-field {
    max-width: 100%;
}
    Thread Starter audiosimple

    (@audiosimple)

    Hi, sorry for the late response, I was very sick.
    I entered the code you gave me into the style.css file but nothing changed.
    Anyway, I managed to solve the problem by increasing the left and right values in both margin and padding of the Elementor widget, it doesn′t look as I’d like but at least the serach box doesn’t look broken, althought it actually is.
    I hope you can solve this bug in future updates. Thanks a lot for your help.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Search box style broken’ is closed to new replies.