CSS for search field

  • Resolved GerardL

    (@gerardl)


    5 years, 5 months ago

    Hi,

    I really like your plug-in and want to use it on my webshop and upgrade to pro when it works.
    If I use ‘seamless integration’, then the search field doesn’t look good in Chrome, Firefox or Edge, it is full width or very small (see image).
    How should I adjust the css? I use the Mayashop theme.

    regards, Gerard

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author ILLID

    (@mihail-barinov)

    Hello,

    Please try to add following styles

    #header .aws-container {
    margin: 0;
    position: absolute;
    right: 0;
    bottom: 85px;
}

@media only screen and (max-width: 960px) {
    #header .aws-container {
        bottom: 118px !important;
        right: 10px !important;
    }
}

@media only screen and (max-width: 600px) {
    #header .aws-container {
        position: relative !important;
        bottom: auto !important;
        right: auto !important;
        display: inline-block !important;
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }
}

    This must help you.

    Thread Starter GerardL

    (@gerardl)

    Hi ILLID,

    Thank you ver much for your help, it works fine!

    regards, Gerard

    Thread Starter GerardL

    (@gerardl)

    Hi ILLID,

    I installed the PRO version and now I have the same problem again.
    (I added teh extra styles tot the new common.css)

    regards Gerard

    Plugin Author ILLID

    (@mihail-barinov)

    Hi,

    You need to add those styles again. As I see now on your website this styles are not there.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘CSS for search field’ is closed to new replies.