Forum Support

Shape 5
March 29, 2024, 04:00:22 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Text to small on mobile site  (Read 437 times)
fogdog
Jr. Member
**
Offline Offline

Posts: 7



« on: August 05, 2014, 11:35:50 AM »

I'm using design control template and the responsive mobile site works great except the text is to small. Is there a way to make the text larger and/or bold when viewed on a small device like a phone? Do I have to edit the media queries? Or is there a template setting for this?

Thank you
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #1 on: August 05, 2014, 06:40:08 PM »

Hello,

In the s5_responsive.css file you can adjust this coding here:

Code:
@media screen and (max-width: 970px) {
  .s5_wrap { width: 100% ! important; }
  .s5_is_display, .s5_is_slide { position: relative ! important; }
  .s5_is_slide { height: auto ! important; }
  #fontControls { display: none; }
  body { font-size: 0.7em ! important; }
  .s5_wrap { width: 96% ! important; }
  .module_round_box_outer, #s5_menu_wrap_inner2 { margin-left: 15px; margin-right: 15px; }
  #s5_header_wrap, #s5_footer_area_inner2, #s5_breadcrumb_font_wrap, #s5_component_wrap_inner { padding-left: 15px; padding-right: 15px; }
  #s5_nav li .s5_level1_span1 { padding-left: 11px; padding-right: 13px; }
  #s5_bottom_menu_wrap li { margin-left: 0px; margin-right: 16px; float: left; }
  #s5_bottom_menu_wrap { float: left; margin-top: 14px; }
  #s5_footer, #s5_bottom_menu_wrap { width: 100%; }
}

Adjust:

Code:
body { font-size: 0.7em ! important; }


To a higher value as needed.

Regards,
Logged

Mike Nicoll
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
fogdog
Jr. Member
**
Offline Offline

Posts: 7



« Reply #2 on: August 06, 2014, 12:23:21 PM »

works great. thank you
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #3 on: August 07, 2014, 09:21:04 PM »

No problem Smiley
Logged

Mike Nicoll
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.