WordPress.org

Ready to get started?Download WordPress

Forums

Quark
[resolved] Mobile content width (7 posts)

  1. Brandit360
    Member
    Posted 6 months ago #

    Hello, I have made some customizations to the Quark theme. One in particular to include a border and left margin on the main content container, however, in doing this it has effected the responsiveness when viewed on a mobile device. How do I change the margin back to zero on mobile devices only?

    I would appreciate any other advice on responsiveness after viewing the site as well. Thank you for your support and this great theme!

    Temporary link to my project: new.hardinbuilders.com

  2. SomewhatRounded
    Member
    Posted 6 months ago #

    Adding what you want to the media query(s) in your stylesheet should do the trick!

    Ex. If you want it to go when the screen width is 320px wide:

    @media only screen and (max-width: 320px) {
    #maincontentcontainer {
    margin: 0;
    border: none;
    }
    }

    Hope that helps!

  3. Brandit360
    Member
    Posted 6 months ago #

    Thank you, seems simple enough. I will try it out.

  4. Brandit360
    Member
    Posted 6 months ago #

    Since posting this I am no longer able to edit CSS? I get a white screen when I update file.

  5. SomewhatRounded
    Member
    Posted 6 months ago #

    Oh no! Are you editing the file using the wp editor?

  6. Brandit360
    Member
    Posted 6 months ago #

    Yes I am.

  7. Brandit360
    Member
    Posted 6 months ago #

    Ok, I edited the file outside of the editor and that worked. Thank you!

Reply

You must log in to post.

About this Theme

About this Topic