CODEWITHSUNDEEP
htmlcsswordpress
Engin
Engin

Reputation: 135

How to avoid my wordpress website from being cropped?

I have created a wordpress theme but I have a problem at mobile phones. The header is set 100% of the page and the main content is 980px and it is centered.

I need a fix so my header will be at least 20px left and 20px right wider than the main content.

Please see mydr.nl for html/css

What I need on mobile phones: enter image description here

What I get on mobile phones:

enter image description here

Upvotes: 1

Views: 68

Answers (1)

Manticore
Manticore

Reputation: 1284

Simply set a padding of 20 pixel to the left and the right of your wrapper class.

.wrapper {
  margin: 0 auto;
  width: 980px;
  padding: 0 20px;
}

Upvotes: 3

Related Questions