How to make CSS responsive site-content with max-width if I hide side-bar

  • Resolved Sergi Buyolo Freitas

    (@noteparesteam)


    4 years, 5 months ago

    Hi again,
    I have hidden the side-bar (#secondary) in the Private Policy page to show only the text. I have added this CSS code to do it and to expand the main-content to 1024px:

    .page-id-3 #secondary {
    display: none;
    }
    .page-id-3 #main {
    width: 1040px;
    }

    I have not expertise in responsive CSS code and I imagine that I have to add some similar with @media or somthing like that to not scrolling the content when decrease the resolution (for smart devices).

    In full screen works properly: see picture

    But I need to adapt for responsive: see picture

    Any help to insert the CSS for responsive will be appreciate.

    Thanks for advance!

    Sergi

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

  • Why don’t you just select the Full Width Page option for your page, that has no sidebar, instead of doing it the hard way.

    Bam Bam

    Thread Starter Sergi Buyolo Freitas

    (@noteparesteam)

    Ooooouughhh… >< too many hours working and I hadn’t seen the option in template = Full-Width Page.
    It seems that I like to do things in the most difficult way ??

    Thanks to open my eyes!

    Sergi

    You’re welcome

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to make CSS responsive site-content with max-width if I hide side-bar’ is closed to new replies.