Responsiveness not working on Smartphone

Home Forums All Other Themes Responsiveness not working on Smartphone

Tagged: 

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #89391
    Derek
    Member
    • Topics: 26
    • Replies: 104
    • Total: 130
    Member since: July 27, 2016

    Hi Guys,

    See http://roccul.com/ the site using Architect Pro theme gets distorted and doesn’t resize correctly on Smartphones.

    Can you have a look at it please?

    Thanks

    Derek

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

    Hi,

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

    Regards,
    Chris

    #89499
    Derek
    Member
    • Topics: 26
    • Replies: 104
    • Total: 130
    Member since: July 27, 2016

    Hi Chris,

    The header right at the top on responsive view showing as a black line when viewed on smartphone, I want to get rid of the black line. See imgur image attached. https://imgur.com/a/7xjI7

    Also how do I change the site to a custom font. I’ve used “Use any font” but the font won’t change?

    Thanks

    Derek

    #89504
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25484
    • Total: 25484
    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:767px) {
    .header-top { display:none;}
    .footer .su-column { width:50%; float:left !important;}
    .footer .su-column p { font-size:15px !important;}
    }

    Regards,
    Chris

    #89511
    Derek
    Member
    • Topics: 26
    • Replies: 104
    • Total: 130
    Member since: July 27, 2016

    Thanks Chris, what’s the best way to upload a custom font to the theme?

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

    Hi,

    Which font do you want to use in your theme?

    Regards,
    Chris

    #89514
    Derek
    Member
    • Topics: 26
    • Replies: 104
    • Total: 130
    Member since: July 27, 2016

    It’s a custom font that I’ve purchased called Graphik

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

    Hi,

    Use Any Font | Custom Font Uploader

    This plugin should be good for using custom fonts.

    Regards,
    Chris

    #89523
    Derek
    Member
    • Topics: 26
    • Replies: 104
    • Total: 130
    Member since: July 27, 2016

    Thanks Chris

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

    Hi Derek,

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

    Regards,
    Chris

    #89531
    Derek
    Member
    • Topics: 26
    • Replies: 104
    • Total: 130
    Member since: July 27, 2016

    Hi Chris,

    I want to create more padding at the top of the header so it’s a bit clearer at the top of the header only on desktop view, can you send me some CSS to make this happen?

    Thanks

    Derek

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

    Hi,

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

    Add this code there:

    .header {padding: 10px 0 0;}

    Regards,
    Chris

    #89544
    Derek
    Member
    • Topics: 26
    • Replies: 104
    • Total: 130
    Member since: July 27, 2016

    Thanks Chris, much appreciated.

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

    🙂

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