NOT RESPONSIVE ON MOBILE DEVICES

Home Forums All Other Themes NOT RESPONSIVE ON MOBILE DEVICES

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #132297
    Dawn Tantillo
    Participant
    • Topics: 1
    • Replies: 2
    • Total: 3
    Member since: April 25, 2019

    My website is not responsive on Mobile Devices. Can somebody please help?
    http://www.classiccabinetscountertops.net

    #132312
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25250
    • Total: 25250
    Member since: August 16, 2013

    Hi,

    We checked, this is working fine.

    Can you send us the screenshot of your issues? Upload your screenshot on http://imgur.com/ and paste the share url here.

    Regards,
    Chris

    #132362
    Dawn Tantillo
    Participant
    • Topics: 1
    • Replies: 2
    • Total: 3
    Member since: April 25, 2019

    Hi,
    Thank you for responding. I posted the screenshot on imgur.

    Can you check it again now. When you checked it I had REMOVED “Show header phone number and Address” and changed it to “Hide Header Phone Number and Address”. When I remove the header phone and address, it looks fine on mobile. However, when I change it to back to “Show Header Phone Number and Address”, and the phone and address appear on the header, it does not look right on mobile. It almost as if my email is too long and its pushing over the edge, making it not center right on mobile devices.

    Can you check it again now that I have the header phone and address in there. Image on imgur

    Also, when I scroll down on mobile under “What we Do” title, the writing is off under ordering box. The writing is not inside the white box, its hanging below the border. Can you help with this as well? Image on imgur

    Let me know what I need to do.

    #132402
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25250
    • Total: 25250
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

    Add this code there:

    @media screen and (max-width:479px) {
    .header .header-inner .logo img { margin-top: -25px;} 
    .header .header-inner .logo { margin: 0 auto; padding: 0; height: 80px; overflow: hidden;}
    .header_row { width: 100%; margin: 0 auto;}
    .header_row .phone-email-info { width: auto;}
    }

    Regards,
    Chris

    #132506
    Dawn Tantillo
    Participant
    • Topics: 1
    • Replies: 2
    • Total: 3
    Member since: April 25, 2019

    Thank you, that worked great.

    #132520
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25250
    • Total: 25250
    Member since: August 16, 2013

    Hi Dawn,

    If you found our service good kindly review us here: https://www.sktthemes.org/forums/topic/reviews-and-testimonials/page/24/

    Regards,
    Chris

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.