container not responsive

  • jacobgallipeau

    (@jacobgallipeau)


    9 years ago

    [ Moved to the Fixing WordPress sub-forum. ]

    I am working on my site, and I want it to be responsive when the window is resized. However, right now it isn’t. And if I erase the first three lines from this bit of code (width, margin left, and margin right) it doesn’t affect the site at all. How can I make it so the site will resize when the browser is resized?

    body > div.container.page-container{
		width: 80%;
		margin-left: auto;
		margin-right: auto;
		background-color: #E2D2B0;
		min-width: 960px;
		max-width: 2048px;
		box-shadow: 5px 5px 5px 		#2E0000;
		margin-top: 10px;
}

    My site is gallipeauwebservices.com/javajam

    Thank you so much!

Viewing 5 replies - 1 through 5 (of 5 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    9 years ago

    Hi @jacobgallipeau, without looking at your site I can see from the code that this bit is going to cause an issue:

    
min-width: 960px;
    Thread Starter jacobgallipeau

    (@jacobgallipeau)

    9 years ago

    I agree. But when I remove it, it screws up the width in other places. I removed it now, could you take a look at the site to see what I mean and why it does that?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    9 years ago

    I think that’s related to these styles:

    
#post-5 {
    ...
    margin-left: -80px;
    margin-right: -15px;
}
    Thread Starter jacobgallipeau

    (@jacobgallipeau)

    9 years ago

    Thank you, that fixed it! However, now I need to find a different way to replicate that second one. If you notice, (now that I removed that code snippet) each page has a bit of extra space on the right hand side that is a different color. How can I fix that?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    9 years ago

    Sounds like you need to change the grid so that it uses a smaller column for the menu and a larger one for the content. As you’re using a theme distributed outside of WordPress.org there’s little help we can give with that.

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

The topic ‘container not responsive’ is closed to new replies.