SupportCategory: Cryptem WordPressHow to change header text size on mobile view?
Jeff Chong asked 3 weeks ago

Hi, the header text in my desktop view is fine, but when view in mobile, it’s a bit weird, will need to reduce the text size for mobile view. How to change header text size on mobile view? fyi, im using ThreeSixtyBlog Lite theme.

8 Answers
Nazibul Hasan Staff answered 3 weeks ago

Hello,
Thank you for contacting us. Would you please share us your site URL to check the issue?
Best Regards

Nazibul Hasan Staff answered 3 weeks ago

Hello there,
Thanks for using our WordPress Theme. You can add this CSS code anywhere in your stylesheet

@media (max-width: 768px) {
  	.navbar-header h1 {
      font-size: 18px;
   	}
  	.navbar-brand .site-description {
    	font-size: 14px;
   	}	
}

You can change those “font size” value as you wish.

Best Regards

Jeff Chong answered 3 weeks ago

Hi Nazibul,
I tried to use the code you gave me above & insert into the style.css.
Somehow it couldn’t work, and now the mobile view looks even weird. the header text is hidden behind my first post.
can you help me up on it?
url is : buildwealthwithlaptop.com
thanks

Jeff Chong answered 3 weeks ago

It’s Ok. I manage to return it to normal condition. However, I stil need your help to give me a clearer instruction on how to change the header text size for mobile view. Thanks

Jeff Chong answered 3 weeks ago

for both the main header text and tagline.

Trendy Theme Staff answered 3 weeks ago

Hello there,
For better view please add a image logo instead of long text logo.
For detail support please provide your admin access privately. e.g admin user name, password.
Best Regards

Jeff Chong answered 3 weeks ago

Ok. what is the width & height (in pixel) for my logo to best suit for desktop & mobile view?

Trendy Theme Staff answered 2 weeks ago

Please check Cryptem options > Logo Settings. There has a recommended size for the logo.