Search box style broken

  • Resolved audiosimple

    (@audiosimple)


    7 years, 6 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 7 years, 6 months ago by audiosimple.
Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author ILLID

    (@mihail-barinov)

    7 years, 6 months ago

    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)

    7 years, 6 months ago

    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)

    7 years, 6 months ago

    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)

    7 years, 6 months ago

    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)

    7 years, 6 months ago

    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)

    7 years, 5 months ago

    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.