My website not loading correctly on tablet or mobile

Discussion in 'ColorWay WordPress Theme' started by uwatecdiving, Feb 24, 2014.

  1. uwatecdiving

    uwatecdiving Member

    Joined:
    Jun 11, 2012
    Messages:
    47
    Likes Received:
    0
    Good Afternoon

    Can you please help with the following on my website www.thedogsclub.com

    On a desktop/laptop the site looks fine, however on a 7 inch tablet the righthand side is not so good. At the top right the Login/Register fields for the community are of the page and the same for the placement of the footer widget which is a feed to Twitter.
    When I click on some of the pages they look okay it is just the things on the right.

    On a standard size mobile phone it is the same problem but worse.

    Many thanks
    Yvonne
     
  2. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,

    Paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

    Code:
    body > div.container_24.container > div.grid_24.header > div:nth-child(1) {
    max-width: 100%;
    }
    .header img {
    max-width: 100%;
    }
    
    I hope this will solve your issue.
     
  3. uwatecdiving

    uwatecdiving Member

    Joined:
    Jun 11, 2012
    Messages:
    47
    Likes Received:
    0
    Many thanks for the reply, yes it has solved the Login/Register problem, but I still have a problem with the 4th footer widget which is hanging of the page.
    If you have a magic code for that.
    Many thanks
     
  4. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,

    Paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

    Code:
    #twitter-widget-1 {
    min-width: 100% ! important;
    } 
    I hope this will solve your issue.
     
  5. uwatecdiving

    uwatecdiving Member

    Joined:
    Jun 11, 2012
    Messages:
    47
    Likes Received:
    0
    Many thanks for the code for the Twitter feed, it is now in the correct position but I cannot see the text, it is underneath a black box.
    Below is the code that I have pasted in the text widget if you can see something wrong or missing.
    <a class="twitter-timeline" href="https://twitter.com/DoglostUK" data-widget-id="433630662755500032">Tweets by @DoglostUK</a>
    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

    Many thanks
    Yvonne
     
  6. uwatecdiving

    uwatecdiving Member

    Joined:
    Jun 11, 2012
    Messages:
    47
    Likes Received:
    0

    I have just noticed that although the Login/Register words are in the correct place, the actual links are out of line, if i click on the Register button i get the page for Login, the link for the Register is about half an inch to the right of the word, is there a way to fix this. Many thanks
     
  7. uwatecdiving

    uwatecdiving Member

    Joined:
    Jun 11, 2012
    Messages:
    47
    Likes Received:
    0
    I still have the same two problems.
    Firstly regarding the position of the Login and Register buttons, they are in the correct place and I have pasted the code as above into the Custom CSS section, but when using a tablet or mobile when I click on the Login nothing happens, when I clock on the Register I get the login screen and I can see that the outline of the Register box is over to the right, so although the words are in the correct place and links are not.

    The second problem is the footer widget for Twitter, it is in the correct place, but when I look at it on a tablet or mobile it is a black box, again I did paste the other code that you kindly gave which corrected the position of the box but now this black overlay box appears?.

    I am trying to launch my new website but no one can Register, can you help please.
    Many thanks
    Yvonne
     

Share This Page