Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 5, 2019 at 6:26 pm #1124806
    marketingnr1

    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, 4 months ago by marketingnr1.
    August 5, 2019 at 9:04 pm #1124895
    Victoria

    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

    August 6, 2019 at 9:19 am #1125015
    marketingnr1

    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.

    August 6, 2019 at 8:19 pm #1125235
    Victoria

    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

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