Mobile View and Social Media Icons

Discussion in 'Infoway WordPress Theme' started by goldenshoes1, Apr 5, 2013.

  1. goldenshoes1

    goldenshoes1 New Member

    Joined:
    Apr 3, 2013
    Messages:
    12
    Likes Received:
    0
    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.
     
  2. goldenshoes1

    goldenshoes1 New Member

    Joined:
    Apr 3, 2013
    Messages:
    12
    Likes Received:
    0
    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.
     
  3. 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: 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.
     

Share This Page