Mobile Theme Issues

Discussion in 'Infoway WordPress Theme' started by kinetic87, Jan 20, 2013.

  1. kinetic87

    kinetic87 New Member

    Joined:
    Jan 2, 2013
    Messages:
    22
    Likes Received:
    0
    Have a few problems with mobile version of website.

    1) Top of homepage social media links are all the way to the right anyway to center these?
    Screen Capture Here: http://imgur.com/ZW5RhXO

    2) Inner pages Logo goes off the page to the right hand side.
    Screen Capture Here: http://imgur.com/uf5HGdj

    3) On pages the body text goes off the page to the right hand side any way to fix this?
    Screen Capture Here: http://imgur.com/nwCuKhA

    Thank You
     
  2. Nitesh

    Nitesh Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    5,165
    Likes Received:
    160
    Please do let us know your website link.
     
  3. kinetic87

    kinetic87 New Member

    Joined:
    Jan 2, 2013
    Messages:
    22
    Likes Received:
    0
    Site: designinstl.com/sherwoods-1
     
  4. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS

    Code:
    @media only screen and (max-width: 480px){
    .header .logo img{
    width:70%;
    }
    table {
    width: 70%;
    }
    #header-social-icons {
    margin-right: 60px;
    }
    }
     
  5. kinetic87

    kinetic87 New Member

    Joined:
    Jan 2, 2013
    Messages:
    22
    Likes Received:
    0
    Thanks for the CSS but I get this error message when I try to save anything, not sure what's causing it?

    Forbidden

    You don't have permission to access /sherwoods-1/wp-admin/themes.php on this server.
    Additionally, a 404 Not Found error was encountered while trying to use an ErrorDocument to handle the request.
     
  6. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    You do not have full permission to save the data, Please contact your service provider,They will provide you full access to you as a admin.
     
  7. kinetic87

    kinetic87 New Member

    Joined:
    Jan 2, 2013
    Messages:
    22
    Likes Received:
    0
    Changed permissions in theme.php added css provided cleared cache this fixed header issue thank you! Content on pages still going off right hand side not sure what to do?
     
  8. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    We are not getting your issue, Please explain your issue with the help of screenshot, where you are getting this problem.
     
  9. kinetic87

    kinetic87 New Member

    Joined:
    Jan 2, 2013
    Messages:
    22
    Likes Received:
    0
  10. Harmeet

    Harmeet Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    360
    Likes Received:
    15
    Hello,

    Its the table you are using to show the data and table will not become responsive to show on mobile, So it won,t show the complete table on mobile.
     
  11. kinetic87

    kinetic87 New Member

    Joined:
    Jan 2, 2013
    Messages:
    22
    Likes Received:
    0
    Is there anyway to format the text and or a plugin to use so this information will work on mobile devices?

    Thank you!
     
  12. Nitesh

    Nitesh Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    5,165
    Likes Received:
    160
    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS
    Code:
    table {
      width: 100%;
      border-collapse: collapse;
    }
    This code will make your table fit in other devices but for mobile, your table column "Common Name" and "Botanical Name" are not shrinking according to mobile width.
     

Share This Page