CODEWITHSUNDEEP
csswordpress
Zahid Tekbaş
Zahid Tekbaş

Reputation: 941

CSS relative position acts different on different pages

I've been trying to debug a web site to speed it up. I search a plugin in wordpress and I found Autoptimizer and decided to use it. After minifying CSS files and inline CSS files, some bug appeared in the blog. I saw that web pages act like they are on mobile-view mode except index.php so home page. I do not know how to solve it and I could not fix it.

This is the homepage of wordpress website. As you see footer is good positioned. But when you check the other pages such as this one, it is aligned like I open the web page in a mobile device. Not only footer but all body parts, elements, classes act like they are in a mobile device.

I deactivated the CSS options of AutoOptimizer but afterwards some HTML elements got broken. That's why I re-activated the plugin and thought this problem (instead of some broken tags) can be solvable than other one.

Please help me. I think sharing CSS codes is unnecessary because you can display them easily with dev options in browser. Even I compared their container classes. I try to find differences between container div in index.php and container div in other pages but they are the same classes and have same attributes.

Upvotes: 1

Views: 118

Answers (1)

babbitt
babbitt

Reputation: 103

You're missing float, margin-right, and position on the other pages footer in element with class one-fourth from what I can tell. Seems like you forgot to load a stylesheet to me.

Edit:

Did some further review and it seems like you're missing the following styling for the class one-fourth in your footer:

position: relative;
float: left;
margin-right: 4%;
width: 22%;

Upvotes: 1

Related Questions