Support » Themes and Templates » How to fixe the page (disable resizing)

  • Resolved igorlaszlo


    theme : twenty eleven child theme
    page where you find the sidebar :

    When i resize my page for example from right to the left, after i got the max size of the #page (1200px), the sidebar moves down. But i would like that everything (including the sidebar) stays at its place, then the page will not be massy, the visitors just have to use scrollbars… how can i fixe the sidebar on its place at resize movement ?

Viewing 4 replies - 1 through 4 (of 4 total)
  • The sidebar drops down intentionally – it’s a responsive design meant to improve useability on mobile devices.

    If you still wish to disable the feature, within your child theme, you can add:

    #page {
    	width: 1000px;

    OR whatever width you wish to use…

    the original code in the 2011 parent theme is:

    #page {
    	margin: 2em auto;
    	max-width: 1000px;

    max-width allows for flexibility. You can change it from max-width to width to make the width static and remove the flexibility

    Thanks a lot for your answer !
    Ok, i did not know that this flexibility was for the mobile devices. I am still “uneducated” for that subject…
    So, i guess it is better to let it as it is…

    Anyway, i looked at the case when the code is “width” instead of “max-width”. In that case the sidebar element stays on its place “longer” but after a while it moves anyhow (i think this is for the “@media (max-width: 800px)” codage), so it does not change a lot…

    Thanks again !

    that’s odd… I’ll have to look at the responsive code again – maybe it changed recently

    I was pretty sure that the media queries never touched the #page, so setting it once overrode all the responsive structure.

    Anywya, if you are good with the responsive structure, it’s a non-issue

    2010 theme started the WP responsive stuff
    2011 expanded on it
    2012 will ship with WP 3.5, and it is even more engrained in that theme

    It’s a great way to get a theme that looks good on any device, without needing to use heavy plugins to swap out themes based on screen size.

    do not tell me, i get crazy because of different screen sizes, different browsers, different html languages, different css, different actionscripts, different program versions, different language translations, different type of computers, windows or mac, xp or vista… i guess, for blackberry the parameters are different than for iphone or samsung. If not, it will be soon 🙂 and when i have learnt the chinese and cambodjian languages, tomorrow i can start to learn the thai and malaysian… and the top of it, it is that even if you learn the whole stuff, you can not get any money with it :)))

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to fixe the page (disable resizing)’ is closed to new replies.