• 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

Sample Theme Mobile Responsive

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 › Sample Theme Mobile Responsive

This topic is: resolved

Tagged: iPhone, mobile, Portrait, sample

  • This topic has 5 replies, 3 voices, and was last updated 7 years, 2 months ago by ponting.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 28, 2015 at 3:23 pm #174973
    gardenmatter
    Member

    Hi I'm using the Sample Child theme.
    On my iphone 6, in the portrait mode my hello bar and ad code look good but the rest of the content is skewed left, displaying only on half the screen. If I double tap the content zooms to a good size but now the hello bar and ad are off the screen.

    The code for the hello bar and the ad are placed in the Genesis setting Header script area.

    This all started with iOS 9.

    I tried playing around with some css @media settings but nothing changes, even after I cleared the cache and rebooted the phone.

    Looks fine in landscape.

    http://gardenmatter.com
    December 28, 2015 at 3:44 pm #174975
    Susan
    Moderator

    It sounds like your code for the hello bar and the ad are not mobile responsive. Can you confirm with the developers of the code?

    December 29, 2015 at 5:17 am #175041
    gardenmatter
    Member

    I did reach out to the ad company but they were no help. Many other people have the hello bar without problems and it seems to me that the hello bar and the ad are rendering properly. They fit nicely on the page but the content is squished to the left?

    January 1, 2016 at 8:27 am #175321
    gardenmatter
    Member

    Update: I moved the ad to just above the content with simple hooks and this seemed to work great.
    However, it only looks good on the homepage? If I navigate to another page the ad is back at the top of the page and the text shrinks left again? I even tried deleting the ad but it will not move from the top of the page. Even after clearing the cache in safari, removing all website data and a reboot holding both buttons on iphone. Each one of these changes works well on desktop?? Any thoughts?

    January 2, 2016 at 7:02 am #175376
    gardenmatter
    Member

    Resolved: Just in case someone else has this problem.
    I believe the culprit was Jetpack. I somehow had the mobile activated. Once I deactivated Jetpacks Mobile my site looks as it should.

    January 2, 2016 at 7:14 am #175377
    ponting
    Participant

    Close this: http://gardenmatter.com/wp-content/uploads/

    Use your FTP: take home/Copy: index.php file in: wp-content and move it to above folder, and it is closed!

    Kristina:)


    Kristina Ponting sweden

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Sample Theme Mobile Responsive’ 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