WordPress.org

Ready to get started?Download WordPress

Forums

TwentyEleven Theme Shrink layout in Ipad after add in Logo (6 posts)

  1. haris2305
    Member
    Posted 1 year ago #

    I'm new to wordpress. I'm having problem to view my website using Ipad or any mobile device after add in Logo to my twentyeleven theme, because it will shrink my content except my graphic banner. This is my website link http://www.metoliusdesign.com

  2. alchymyth
    The Sweeper & Moderator
    Posted 1 year ago #

    it is not recommended to edit the default theme Twenty Eleven directly; better to create a child theme to work with - http://codex.wordpress.org/Child_Themes

    restore width:100%; in this style:

    #branding img {
    	height: auto;
    	margin-bottom: -7px;
    	width: 100%;
    }

    then add a css class to your logo img and add a new style with width:auto; for it to stop the logo from getting sized to 100%.

  3. haris2305
    Member
    Posted 1 year ago #

    Can you help me on how to add a css class for my logo?

  4. haris2305
    Member
    Posted 1 year ago #

    Now if you can check my website, i already change the width to 100% but my logo is getting bigger

  5. alchymyth
    The Sweeper & Moderator
    Posted 1 year ago #

    you seem to have managed to solve it by adding:

    h1#site-title img
    {
      width: 220px;
      height: 104px;
    }

    if you can't see the results, try clearing your browser cache -
    press 'CTRL F5' or 'reload' or whatever it takes ...

  6. haris2305
    Member
    Posted 1 year ago #

    Now I have another problem whereby my menu is shift to down and my content below not displayed correctly, how do I resolve it?

Topic Closed

This topic has been closed to new replies.

About this Topic