Mobile Theme Issues

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

 

Please do let us know your website link.

 

Site: designinstl.com/sherwoods-1

 

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;
}
}

 

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.

 

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.

 

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?

 

We are not getting your issue, Please explain your issue with the help of screenshot, where you are getting this problem.

 

Here are screen captures for the following page:
http://designinstl.com/sherwoods-1/inventory/perennials-2/

Computer Screen Capture:
http://i.imgur.com/WRpiRxj.png

Mobile Screen Capture:
http://i.imgur.com/m3JAVrb.png

Thank you!

 

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.

 

Is there anyway to format the text and or a plugin to use so this information will work on mobile devices?

Thank you!

 

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.