Responsive Twenty Twelve theme

  • Hi,

    Hopefully someone can help us. My mother is using the theme Twente Twelve. When you visit her site (www.alicewestenberg.com) on a smartphone, it looks messed up. She wants the site on a smartphone look like how it looks on a laptop. The weird thing is… If you visit https://www.mediumalice.com (a redirect), the website does exactly looks like how she wants it!! Does anyone know how we can get it also look like that on https://www.alicewestenberg.com?

    Short said: if you visit https://www.mediumalice.com on a smartphone it looks great & how we want it, but when you visit the ‘real’ site, https://www.alicewestenberg.com, it’s a mess.

    Thanks in advance ??

    Kind regards,

    Wilma

Viewing 5 replies - 1 through 5 (of 5 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    They both look the same to me.

    Have you considered using another theme? Twenty Twelve was built for mobiles primarily so removing the responsiveness out of it may be difficult. Here’s a related thread https://www.ads-software.com/support/topic/remove-the-responsive-code-from-the-twenty-tewlve-theme?replies=21

    Thread Starter WilmaW

    (@wilmaw)

    Thank you for your reply. Im going to try the steps in that topic.

    I really see a difference on an iPhone:
    Screenshot

    The one that displays as fixed width designs in iPhone is in a frame, that’s probably the reason why it coudln’t see media query and render it as a fixed width design.

    The direct one doesn’t display correctly as Twentytwelve is because of some syntax errors in HTML of logo image, along with its associated CSS. If done right, the image will scaled down within the page width.

    Also, taking out the text of Site title and description from <h1> and <h2> is not right, you could instead set it to not display under Appearance > Header and theme will automatically inject a proper CSS to hide it while keeping its SEO.

    The HTML for logo image should be put under (after) the closing </hgroup>, leave anything else untouched.

    Thread Starter WilmaW

    (@wilmaw)

    What should I put under </hgroup> to make it look like the ‘wrong directing page’?

    You’re right, not using h1 and h2 is wrong. But at the moment I made it, I didn’t know how to change the font, so I used an ‘image’ to fix it ??

    Making the site to display like fixed width design in small screen device has nothing to do with how the <img /> tag is inserted.

    To make Twentytwelve behave like fixed width design, follow the instruction in the link above posted by Andrew.

    Or might as well consider using a fixed width theme instead of hacking a responsive theme to otherwise.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Responsive Twenty Twelve theme’ is closed to new replies.