Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1124806

    Hello team,

    we want the sarch bar on a fixed position, but if you change the browser window size the search bar moves to the left out of the main page.

    `/* search box */
    #searchsubmit {
    display:none;
    }
    #top #searchsubmit {
    min-width: 30px;
    }

    #top #s {
    border-radius: 20px;
    border: 1px #7da1c4 solid;
    font-size: 11px;
    padding: 10px 10px 11px 20px;
    left: 45% !important;
    transform: translateX(-1%);

    }

    Maybe you can tell us what we did wrong and how we can change it in the css.
    Thanks in advance and kind regards!

    • This topic was modified 5 years, 2 months ago by marketingnr1.
    #1124895

    Hey marketingnr1,

    Could you please give us a link to your website, we need more context to be able to help you.

    Could you please attach a mockup of what you’re trying to achieve?

    Best regards,
    Victoria

    #1125015

    Hello Victoria,

    thanks for you help. The search box must stay in a fix position even when you change the size of the browser window.
    First of all the searchbox must stay in line with the Breadcrumbs “Du bist hier”.
    Mockup in private content.

    Thanks in advance.

    #1125235

    Hi marketingnr1,

    Thank you for clarifying. Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
    @media only screen and (max-width: 1024px) {
      #top #search-3 #s {
        left: 0 !important;
      }
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.