Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Forcing the webpage in a particular layout using position absolute and huge position/margin values is always going to be a bad idea.
I recommend using CSS forums such as http://csscreator.com/forum for this kind of support, because it sounds like you need us to help you formatting your entire site.
Thread Starter
Dima
(@dima)
Well it’s only the front page that is “complex”, every other page is very straight forward 🙂
What theme are you using? Where did it come from?
Thread Starter
Dima
(@dima)
I gotta agree with Andrew that all that absolute positioning CSS is likely to be problematic :/ . Personally, I’d scrap that approach, but that’s beyond these forums, sorry. See if the CSS forum people can help you.
absolute positioning CSS is likely to be problematic
Add to which, it’s exactly the wrong approach to take given the current range of media devices and screens.
Thread Starter
Dima
(@dima)
So what if I recoded it all to relative instead?
You could try it and see, but the point is that most people want their websites (not just WP) to be “responsive” – to work on various sized devices. But that requires different CSS entirely from a fixed width site.
this is primarily a fundamental formatting problem, support for which is not provided by this WordPress forum.
please see if a CSS forum can help you;
for instance http://csscreator.com/forum
Relative positioning is just as problematic. Ideally you should be looking at setting widths etc in percentages.
Thread Starter
Dima
(@dima)
i’d like to keep wordpress, i like the current design of the website but I do want to update it a bit and be able to view it on other devices. A little project for my spare time at the office 🙂
So what would be the best way to go forward? Find another way to format it?
There’s more than one way to approach it – I’d probably use an existing responsive theme that has a similar look and layout – and modify that… Suffusion has tons of options and layouts and great support from the developer so you could do almost anything with it.
These have a similar look (at least in part):
http://wordpress.org/themes/responsive
http://wordpress.org/themes/ifeature
http://wordpress.org/themes/catch-box
Alternatively, with your existing theme, yes, you’d need to redo the CSS – probably from the ground up.
Thread Starter
Dima
(@dima)
WPyogi, thank you. This has been really helpful. I will most likely go with the first responsive theme and adapt it to my design and go from there 🙂
Facing the same problem in my new site here is the link to my site. A support member has suggested that any javascript is including css styling and might the problem is causing by it. I am also feeling the same, but most of the other pages are displaying good. Like Click here . Please help.
