search-container .search-box-wrapper over H2 post or pageheader

  • Resolved sobatkras

    (@sobatkras)


    9 years, 11 months ago

    Hello,
    Am using Ridizain theme and have problems with adapting search-container on smaller screens.
    As no featured blogposts are used, the search-container hides the h2 title of the page/post when search-toggle is active.( I saw the same happen in your demo Ridizain site: https://demo1.ridizain.com/page-a/

    I tried a padding-left in the child theme
    ‘
    .search-box-wrapper, .featured-content {
    padding-left: 900px;
    }
    ‘
    but in that case on smaller and mobile screens the search-box disappears to the left out of the screen. I know a little about css styles and mostly find my way but this time no success. I wonder if you could help me out on this.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author Brian Harris

    (@zgani)

    I’d suggest controlling the width instead of applying a padding to the wrapper. The following code seems to the trick for what you need…

    .search-box-wrapper {
    width: 50%;
}

    Adjust the % to your requirements.

    Regards,
    Zulf

    Thread Starter sobatkras

    (@sobatkras)

    Thanks Zulfikar, it works excellent like this!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘search-container .search-box-wrapper over H2 post or pageheader’ is closed to new replies.