Blog resize makes big layout problems

  • Resolved ilmattiapascal

    (@ilmattiapascal)


    11 years, 1 month ago

    hi there, twentytwelve child theme here.

    i m nearly done with my first website, but i still have a big problem; the website is not responsive at all; i read a lot of guides and tutorials about width, percentages and so on, but i still not able to solve at least two main issues:

    the page wrapper at a certain size begins to expand herself messing up everything. I tried to put a width of 96% but the problem is still there.

    the nav bar after a certain size goes vertical and change also the font!

    can you please take a look and help me with this mess ? the site is https://www.lidia.me

    thanks in advance !

Viewing 5 replies - 1 through 5 (of 5 total)

  • start by fixing the validation errors of your site: https://validator.w3.org/check?uri=http%3A%2F%2Fwww.lidia.me%2F&charset=%28detect+automatically%29&doctype=Inline&group=0
    https://codex.www.ads-software.com/Validating_a_Website

    Thread Starter ilmattiapascal

    (@ilmattiapascal)

    woah! it’s full of errors my html code alchymyth!

    ok, i want to fix them but……i don’t understand how to fix them. Or better, where exactly i ve to fix them.

    While the CSS Validator tells me where is the error in the style.css file, so it’s easy to me to locate and fix it, the HTML errors i don’t know where to fix them.

    i think i don’t have a html document to modify as for the style.css….can you tell me how can i make the next step ? for example, where do i have to change the various <span>and / stuff ?

    thanks!

    Thread Starter ilmattiapascal

    (@ilmattiapascal)

    ok i’m trying getting into that…but i have some doubts that i would like to ask you:

    validator says that <span>/</span> —> “document type does not allow element “SPAN” here”

    but i think it’s correct because i want to have a “/” dividing the footer of my content.

    or also…to fix some errors i just deleted some </footer> stuff which it said “end tag for element “FOOTER” which is not open” even if there still is a <footer class……> open…

    at the end now the page is not telling me that something is going wrong, but i was sure that when you open a class you ve also to close it somewhere…or not?

    Thread Starter ilmattiapascal

    (@ilmattiapascal)

    anyway, only now i realized that in 2012 theme there was a media query for narrower resolutions :-O
    sadly with my very very short experience with coding, i used to play with chrome inspect tool and make changes without realizing that maybe some results weren’t about the main page, but were about the media queries..

    probably i messed everything up…now i m trying to work little by little, but without big success; for example the sidebar continues to fall down after 600px width…i m asking for a rule which can make the sidebar always at the side of the content..

    Thread Starter ilmattiapascal

    (@ilmattiapascal)

    i tried, re tried, re re tried around lot of times, finally i was able to play with 2012 media queries right, and solved at least a part of the problem.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Blog resize makes big layout problems’ is closed to new replies.