Page Title and Content width issue

• 

  websiteinstruct · Member · Sep 6, 2017 at 9:46 pm

  • Copy link
  • Add topic to favorites

  Hi All,

  If someone could help would be very much appreciated.

  I have a theme installed on this domain – http://www.websiteinstruct.com

  Currently im styling/getting the theme ready for use.

  One task im trying to fix is the width of the page title and content. Currently its set to 552px, if I try playing with this width the responsive design breaks.

  I’m just looking to set the width to 750px and when the page size changes scale down automatically.

  But I get the feeling this is a bigger job than I realise.

  Any help / guidance on this much appreciated.

  Thanks.

• 

  quidest · Member · Sep 6, 2017 at 10:25 pm

  • Copy link

  Hi websiteinstruct,
  You get this scrolling when the browser window is smaller than the width of the element.
  Try using max-width instead for the classes “entry-header” and “entry-content”
  eg. “max-width: 750px” instead of “width:750px”

  I hope this helps, good luck.

• 

  thesacredpath · Member · Sep 6, 2017 at 11:14 pm

  • Copy link

  Hi @websiteinstruct, it looks like you are using WordPress but you are not hosted here at WordPress.com. For self-hosted WordPress sites such as yours using Espied, we have a dedicated Espied support forum at WordPress.org where you can post your questions.

  The differences between WordPress.com and WordPress.org.

  I did take a quick look at your site, and what I would do is this.

  .page-content, .entry-content, .entry-summary {
      max-width: 750px;
      width: 100%;
  }