• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

How to Increase font size on mobile devices Atmosphere Pro

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › How to Increase font size on mobile devices Atmosphere Pro

This topic is: not resolved

Tagged: Atmosphere Pro, font size

  • This topic has 8 replies, 4 voices, and was last updated 5 years, 3 months ago by Brad Dalton.
Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • December 13, 2017 at 5:00 pm #214533
    badtaco
    Member

    I see that all the changes I’ve made to the text in atmosphere pro looks great on desktop but none of those changes take affect on any mobile devices. Does anyone know what custom CSS or media query that I need to add in order to change the text size as it appears on mobile? Thanks in advance

    http://www.agentredefined.com

    Https://www.agentredefined.com
    December 13, 2017 at 5:30 pm #214536
    Satwinder Rathore
    Participant

    Could you please let me know, which specific text you are referring to?


    Satwinder Rathore
    https://satwinderrathore.wordpress.com

    December 13, 2017 at 9:57 pm #214544
    badtaco
    Member

    Hi, just the body text in the pages and posts.

    December 14, 2017 at 12:07 pm #214560
    Satwinder Rathore
    Participant

    you need to change the font inside the css media queries too.


    Satwinder Rathore
    https://satwinderrathore.wordpress.com

    December 15, 2017 at 8:07 am #214567
    badtaco
    Member

    Thanks, any idea on where I can get that CSS?

    December 15, 2017 at 9:24 am #214576
    Victor Font
    Moderator

    The media queries are near the bottom of the child theme's style.css. Use your browser's built-in inspect tool to pinpoint the location and CSS you want to change. https://victorfont.com/how-to-use-your-browsers-inspect-tool/


    Regards,

    Victor
    https://victorfont.com/
    Call us toll free: 844-VIC-FONT (842-3668)
    Have you requested your free website audit yet?

    December 16, 2017 at 9:52 am #214601
    badtaco
    Member

    Thanks victor, i have been trying that but have not been able to figure out the correct CSS to use...

    December 18, 2017 at 6:59 am #214660
    Victor Font
    Moderator

    Learn how to use your browser's built-in tools. Specifically, the inspect tool and mobile display simulator. Using the tools available to you, you'll be able to pinpoint the CSS to change as well as experiment with non-destructive changes viewable in the browser during your session. https://victorfont.com/how-to-use-your-browsers-inspect-tool/


    Regards,

    Victor
    https://victorfont.com/
    Call us toll free: 844-VIC-FONT (842-3668)
    Have you requested your free website audit yet?

    December 18, 2017 at 12:54 pm #214665
    Brad Dalton
    Participant

    Example:

    @media only screen and (max-width: 800px) {
    
    	.entry-title {
    		font-size: 22px;
    		font-size: 2.2rem;
    	}
    
    }
    

    Tutorials for StudioPress Themes.

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2023 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble