Mobile view: how to remove ‘search’ add margins to containers?

  • Resolved paula013

    (@paula013)


    5 years, 11 months ago

    The website is done for large screens, but I have been asked for some tweaks to the site in mobile view (small screens).

    1) I need to remove the ‘search’-box. How? I cannot find this in the stylesheet.

    2) In mobile view the post-containers are screen wide and I have been asked to add some margin in the same color as the website background. How to do that?

    I have very little experience in tweaks just for small screens, so any help would be appreciated here.

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

Viewing 3 replies - 1 through 3 (of 3 total)

  • The following CSS should give you a good start

    @media screen and (max-width: 782px) {
    .search-box-wrapper {
        display: none;
    }
    .site {
        margin-right: 10px;
        margin-left: 10px;
    }
}
    Thread Starter paula013

    (@paula013)

    Thanks!!! ??

    Thread Starter paula013

    (@paula013)

    You have saved me so much time and stress!!!

    I would have just tried and get errors if this website was still under construction, but the question was only raised after the site went live last week, and I was a bit scared to mess it up now.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Mobile view: how to remove ‘search’ add margins to containers?’ is closed to new replies.