Container works weird in responsiveness
-
Dear readers,
I’m trying to develop my own theme, but WordPress does something when I’m trying to make my website responsive. The container of WordPress gets smaller faster than the view width of the browser itself, with results in weird positions of the images, text and footer. Some content (apparently) ignores the boundaries that are set by the bug.
One of the bugged pages: [ redundant link removed ]
One of the working pages: /contact</Funny thing is that I don’t have the same problem on my fixed pages, there work as they should. + On a computer, it only shows when using the developer tool, and on iPhone, the problem is clearly visible. Does it have something to do with the WordPress loop that is altering the CSS or code?
I’ve tried everything to fix the problem and figuring out what’s going wrong here, but so far no luck. If you have time, could you have a look?
-
This topic was modified 3 years, 7 months ago by
. Reason: Moved to Fixing WordPress, this is not an Developing with WordPress topic
The page I need help with: [log in to see the link]
-
This topic was modified 3 years, 7 months ago by
-
You are using a SVG DOCTYPE, and it’s in the wrong place. DOCTYPE should be first, and it’s best to use the modern
<!DOCTYPE html>.
I can easily see this by using View Source in my browser.
But you could find out by using a validator also, such as https://www.w3.org/QA/Tools/#validatorsLooking in the source, I see that there are
<link>tags and scritps after the</body>which is not right either.
You might want to read about the viewport meta tag. https://developer.mozilla.org/en-US/docs/Web/HTML/Viewport_meta_tag
- The topic ‘Container works weird in responsiveness’ is closed to new replies.