THEMEHALL
  • Omega
  • Cart
  • Contact
  • My Account

content/sidebar width on mobile?

Home › Forums › Omega Child › content/sidebar width on mobile?

Tagged: content width, mobile, sidebar width

  • This topic has 2 replies, 2 voices, and was last updated 4 years, 4 months ago by joanna-chee.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • October 29, 2016 at 1:39 pm #5200
    joanna-chee
    Participant

    Hi Han

    I use family theme and changed my content and sidebar widths using the following CSS

    .content {width: 75%;}

    .sidebar-primary {width: 25%;}

    This looks fine on pc and tablet but not on mobile. Is there a way to have the sidebar below content on mobile with these widths as with the default Family widths?

    You can visit my site http://mumskidsjesus.com on mobile and see what I mean.

    Thanks as always for your wonderful help 🙂

    Joanna

    November 1, 2016 at 6:09 am #5201
    han
    Keymaster

    Hi Joanna,
    Please try below code

    .content {width: 75%;}
    .sidebar-primary {width: 25%;}
    
    @media screen and (max-width: 768px) {
      .content, .sidebar-primary {width: 100%; float:none; clear:both;}
    }
    November 1, 2016 at 9:05 am #5202
    joanna-chee
    Participant

    Thanks Han…that’s great. It works.

    You’re wonderful!

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)

You must login to reply to this topic.

Copyright © 2016 THEMEHALL.

  • Terms of Service
  • Cart
  • Resources
  • Blog
  • Contact