Cutting Off Right Hand Column In Mobile, etc...

Discussion in 'Local Business WordPress Theme' started by agkatz, Dec 10, 2013.

  1. agkatz

    agkatz New Member

    Joined:
    Jul 21, 2013
    Messages:
    6
    Likes Received:
    0
    Hi, Guys:

    I have a couple of issues:

    1. If you look at my site, the graphic "For Dog Training In Reno, Sparks and Surrounding Areas" is getting cut off, in both the mobile and the desktop version. How can I remedy this?
    http://www.katztrainsdogs.com

    2. The contact form on the right hand side is getting cut off:
    http://www.katztrainsdogs.com/success-stories/

    (I tried adding the css code that you recommended on another thread, but it didn't seem to make a difference.)

    3. Is there an easy way to make the contact form page a full width page, so that the contact widget isn't on the same page as the contact form? That confuses customers.
    http://www.katztrainsdogs.com/us/contact-us/
    Thank you,
    Adam
     
  2. Nitesh

    Nitesh Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    5,165
    Likes Received:
    160
    Hello Adam,

    1) Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS

    Code:
    .call-us p img {
    width: 100%!important;
    }
    
    2) Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS

    Code:
    #tinyform {
    width: 225px!important;
    }
    3) For this please download "template-contact.php" file attached and replace it with your current file.


    Thanks & Regards
    Nitesh Raghuwanshi
     

    Attached Files:

  3. agkatz

    agkatz New Member

    Joined:
    Jul 21, 2013
    Messages:
    6
    Likes Received:
    0
    Hi, Nitesh:

    The CSS code seems to have fixed the contact form from being cut off-- on my desktop computer. But when viewed on my iPad, it's still cut off. Ideas?
     
  4. agkatz

    agkatz New Member

    Joined:
    Jul 21, 2013
    Messages:
    6
    Likes Received:
    0
    Also-- I changed the graphic at top-right. The theme seems to want to shrink it, however. How can I:
    1. Make it display as the graphic's actual size.
    2. Reposition it up and to the left a little bit?

    Thank you.
    http://www.katztrainsdogs.com
     
  5. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
  6. agkatz

    agkatz New Member

    Joined:
    Jul 21, 2013
    Messages:
    6
    Likes Received:
    0
    Hello:

    I'm attaching screen shots that show the way it is cutting off:
    1. The form on the front page
    http://www.katztrainsdogs.com
    2. The contact form on the right hand column
    http://www.katztrainsdogs.com/success-stories/
    ... when viewed on an iPad.

    Also: In the header on the homepage:
    The original image is here:
    http://www.katztrainsdogs.com/?attachment_id=36
    ... but you can see that when it places it in the header, it is shrinking it. So, how do I:
    3. Get it to display the actual size of the image?
    and
    4. Reposition it to the left and up slightly? (I'm assuming there are some coordinates that tell it where to place the image, in the theme?
    http://goo.gl/KmrHJi
     

    Attached Files:

  7. Piyush

    Piyush Support Staff

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

    For your 1st and 2nd isssue, could you please provide the following information listed below.

    Thread Link: http://www.inkthemes.com/community/threads/cutting-off-right-hand-column-in-mobile-etc.9075/
    Your Website URL:
    WordPress Username:
    WordPress Password:

    Send this information on our email at [email protected]
    We will check and try to resolve your issue.


    For 3rd and 4th issue,
    Go to the header.php file present in your theme directory and follow the instruction shown in the image given below.

    [​IMG]

    This will solve your 3rd and 4th issue.
     

Share This Page