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

Hello,

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

@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:

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

To a higher value as needed.

Regards,

Shape 5

Joomla Free Templates => Design Control - Free => : fogdog August 05, 2014, 11:35:50 AM