• Resolved marcobello

    (@marcobello)


    I looked at the webpage on the iPad and it is deformed: header and footer seem to have a fixed width that doesn’t adapt to the reduction of the size of the screen. Is this happening only to me or is it because of the WordPress version?

Viewing 5 replies - 1 through 5 (of 5 total)
  • Moderator Jan Dembowski

    (@jdembowski)

    Forum Moderator and Brute Squad

    Dunno but if you can share a link to the site that’s doing that then others might be able to chime in. ??

    Theme Author alex27

    (@alex27)

    Yes, post a link please.

    Thread Starter marcobello

    (@marcobello)

    Yes, sorry about that… I had the blog on “Coming Soon” mode because I was changing many things.

    This is the link:
    https://www.icythapp.com/

    In case it helps in any way, I am using a child theme for Corpo. I modified some styles:

    – Color of the header and footer, now they are blue (and the borders too)
    – Inserted some custom styles to create 2-column divs for the page “Contact us”
    – Changed text-areas to be non-resizeable
    – Removed the bottom-lines of the td on tables
    – “display: none;” for page titles (#main-content > h2)

    Apart from that, not much more regarding styles. I removed “Powered by WordPress” from the footer. Left “Corpo Theme” link, though.

    Whether this problem is solved or not, if this is only affecting me for any reason, I will give 5 stars to it. I think it is a great work.

    Thanks for the help in advance.

    EDIT: A couple more of things I forgot to mention:
    – I am using WordPress 3.7.1
    – I think it is also worth to mention that it looks OK when the iPad is in landscape mode but it looks deformed when the iPad is in portrait mode. On iPod it looks deformed any way due to the small size of the screen (I don’t know about iPhones, though). Unfortunately I don’t know about other mobile browsers and tablets or phones.

    Theme Author alex27

    (@alex27)

    Are you using the latest version of the theme? Because there were some issues with responsiveness before, but now those are fixed.
    If you have the latest version, I’m inclined to say that this might by caused by your custom mods – if open demo page in iPad of iPhone it looks ok. You can check that easily too – revert to parent theme (Corpo) and see what happens.

    Thread Starter marcobello

    (@marcobello)

    Thank you for your help. Yes, I am using the latest version (1.3.2) and I was finally able to solve the problem:

    – First, following your advice, I checked the parent theme and indeed it worked perfectly on both iPad and iPod. The responsiveness was perfect.
    – Seeing that the problem was my customs, I went to edit the styles of the child theme. It turns out that in the styles.css of the child I had some duplicated content for the header styles. Precisely this:

    min-height: 100px;
    position: relative;
    display: block;
    width: 952px;
    left: -46px;
    padding: 0 40px;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.2);
    box-shadow: 0 0 10px rgba(0,0,0,.2);

    – I removed the duplicated content from the child css and now it works as it is supposed to.

    Marking this as resolved and grading this great theme.

    Thank you for the help, that was quick support.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Not responsive’ is closed to new replies.