Responsiveness not working on Smartphone

[Derek]

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

[Sonnal S Sinha]

Hi,

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

Regards,
Chris

[Derek]

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

[Sonnal S Sinha]

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

[Derek]

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

[Sonnal S Sinha]

Hi,

Which font do you want to use in your theme?

Regards,
Chris

[Derek]

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

[Sonnal S Sinha]

Hi,

https://wordpress.org/plugins/use-any-font/

This plugin should be good for using custom fonts.

Regards,
Chris

[Derek]

Thanks Chris

[Sonnal S Sinha]

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

[Derek]

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

[Sonnal S Sinha]

Hi,

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

Add this code there:

.header {padding: 10px 0 0;}

Regards,
Chris

[Derek]

Thanks Chris, much appreciated.

[Sonnal S Sinha]

🙂

[Author]

Posts