Twenty Eleven theme looks awful on mobile…

  • I have a modified Twenty Eleven theme over at:

    https://www.mreant.com/cra

    For some reason when viewing it on a mobile device, or iPad…it looks messed up. I believe it may have something to do with the images located in the header not resizing according to the device/screen resolution or something…? Maybe not though, I’m really not too sure. I’m thinking it might have something to do with the fact that some tables I’ve added in the header have exact pixel sizes and stuff, rather than percentages? And in some of the css, i set the margins and paddings to exact pixels instead of percentages…if that makes any sense. Maybe I’m just making it too complicated…any help would be awesome! Thank you so much in advance ??

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

  • First Thing: Instead of modifying Twenty Eleven use a child theme or copy and rename the folder and theme name in the style.css, when WordPress release an update the twenty eleven theme folder is deleted and uploaded again, so all changes will be lost!

    Use % instead of pixels for the width, and do not set the height!

    The table set the width by percentage 49.8%.

    The WP Nivo Slider in the content is not responsive, and uses a fixed width.

    I have started using the Flex_Slider jQuery code by Tyler Smith, it has limited effects but it is very responsive, I have built it into a child theme that is still a work in progress, you can download it from this post, and rip the code out of it!

    I will create a child theme this weekend with just the slider code for other people that might need it!

    HTH

    David

    you can try many theme for Mobil in themeforest .
    my site run well in iphone,you can check what is sepsis

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Twenty Eleven theme looks awful on mobile…’ is closed to new replies.