• 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

Infinity Pro – Off-screen content

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 › General Discussion › Infinity Pro – Off-screen content

This topic is: not resolved

Tagged: Infinity Pro, offscreen content, offscreen-content-icon, offscreen-content-toggle

  • This topic has 2 replies, 3 voices, and was last updated 6 years, 3 months ago by tellie.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • March 5, 2019 at 2:09 am #489828
    rosemead
    Member

    Does any know how to use text instead of an icon for this section?

    Also, the top menu seems to drop down to two lines if you reduce the window size even though the top menu text doesn't get near to the edge of the window. I assume this is because of the off-screen content.

    If you're not using the off-screen content how do you extend the width of the top menu so the text can cover more of the width?

    March 5, 2019 at 6:01 am #489832
    Brad Dalton
    Participant

    You could try modifying line 164 in functions which is this code.

    echo '<div class="offscreen-content-icon"><button class="offscreen-content-toggle">' . __( 'Menu', 'infinity-pro' ) . '<span class="screen-reader-text">' . __( 'Show Offscreen Content', 'infinity-pro' ) . '</span></button></div>';
    

    Tutorials for StudioPress Themes.

    March 22, 2020 at 11:35 am #497452
    tellie
    Participant

    Modify how? I'm looking to do the same. Ideally, I would like to add an svg icon with text in place of the infinity (...) icon. I have the svg icon available to add to a menu tag. I am using Infinity Pro theme. Any help is appreciated.

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘General Discussion’ 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

© 2026 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