• 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

Genesis Tabs & News 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 › Genesis Tabs & News Pro

This topic is: resolved

Tagged: genesis tabs, News Pro

  • This topic has 2 replies, 2 voices, and was last updated 8 years, 2 months ago by Sombrero.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • September 6, 2015 at 5:34 am #164726
    Sombrero
    Member

    I'm using the Genesis Tabs plugin on the News Pro child theme. It displays fine on the PC but when I test on an iPhone 6 the tabs are not displaying properly. I need a more responsive way to handle these text titles than how they currently display as they are flush right and cutting off and causing excessive scrolling.

    Website: http://bit.ly/1CdA7ls

    See screenshot below:

    Broken on iPhone screenshot:
    http://bit.ly/1QhWqtQ

    Please advise, I'm hoping this is a quick fix in the mobile css area.

    http://bit.ly/1CdA7ls
    September 6, 2015 at 8:50 am #164741
    Davinder Singh Kainth
    Member

    In style.css file.

    After following code...

    @media only screen and (max-width: 767px) {

    add this code...

    .home-top .widget.ui-tabs .entry h2 {
        width: 100% !important;
    }

    Sunshine PRO genesis theme
    Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

    September 6, 2015 at 12:38 pm #164759
    Sombrero
    Member

    Perfect, thanks for the help!

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Genesis Tabs & News Pro’ is closed to new 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