Hello - I'm wondering if there is a way to fix the way my website is being displayed on mobile devices? It seems to me to be a fixed-width issue that is causing the site to be cut off on the sides and does not display my tables properly? Also, when I type in links for using the Social Media Icons - it will only link to an extention of my page (i.e. if I enter in my facebook address: "facebook.com/goldenshoestc" it will link the icon to open the address: "http://www.goldenshoestc.com/facebook.com/goldenshoestc". Can I adjust that in the CSS? Thank you for your help.
I am starting to understand that using tables is very difficult in responsive themes? Is there anything I can do to change the CSS to make my tables responsive or should I just consider changing the way I layout my pages for displaying content? If I can't use tables I'm going to have to consider re-designing my pages or going with a different theme.
Paste this code in Custom CSS Appearance > Theme Option > Styling Option > Custom CSS Code: @media only screen and (max-width: 767px) and (min-width: 480px){ .plugin.webkit.chrome.win.Locale_en_US { width: 40%; } } @media only screen and (max-width: 480px){ .plugin.webkit.chrome.win.Locale_en_US { width: 33%; } } Adjust its value as per your requirements.