• Resolved GerardL

    (@gerardl)


    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.