• 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 mobile site issue

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 › Infinity Pro mobile site issue

This topic is: not resolved

Tagged: custom html, Infinity Pro, mobile version, responsive, text widget

  • This topic has 5 replies, 3 voices, and was last updated 3 years, 10 months ago by immacc50.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 4, 2019 at 5:58 am #489808
    immacc50
    Participant

    Infinity Pro

    While viewing my site in portrait mode I notice the heading is pushed to the bottom of the page in Front Page 1.

    If I rotate the phone to landscape mode, then back to portrait mode, the heading repositions to the center of the page.

    Refreshing the page in portrait view pushes the heading back to the bottom of the page.

    I've viewed the site on Galaxy S7 and iPhone 8 with the same results.

    I disabled Autoptimize, WP Rocket and Cloudflare and cleared cache partition on the devices with no change in mobile site issue.

    Front page 1 custom html is different than demo site as seen below:

    <div class="textwidget custom-html-widget">
    <h1>Clovis Plumbing Services</h1>
    <h3>Call us at</h3>
    <h4><span class="bigger">(559) 940-0890</span></h4>
    <h5>Mon - Sat 7 a.m. to 5 p.m.</h5>
    </div>

    Any thoughts on how to resolve this?

    https://clovisplumbingservices.com/

    https://clovisplumbingservices.com/
    March 4, 2019 at 7:46 am #489812
    Victor Font
    Moderator

    Your site looks great on my iPhone. I see no problem with the header as you describe.

    Mobile phones are notorious for holding on to old CSS. Disabling caching on your server will not update the cache on mobile devices. Switch to private browsing mode so all the files download fresh and see if it makes a difference. If it does, switch back to regular browsing mode and clear your mobile browser's cache.


    Regards,

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

    March 4, 2019 at 9:34 am #489815
    immacc50
    Participant

    Thank you for your response Victor... No change in private browsing (Chrome). I even launched the Samsung browser on my phone for the very first time and still no changes.

    I've cleared cache in browser and cache partition on phone. I'm very concerned about how my site displays on mobile devices (50% of my traffic) but no way to check across multiple devices and browsers.

    I did get it to respond in a new private tab in Firefox, which is encouraging. However, most of my traffic comes from Chrome browsers.

    Any thoughts?

    May 2, 2019 at 11:44 am #490938
    Candy
    Member

    I'm having the same issue. I noticed a new release of the Infinity Pro theme and in the changelog it states:

    = 1.2.0 =
    * Prevent a bug where excess space could appear above the Front Page 1 area on mobile.

    Please let us know what was done to fix this bug.

    Thank you.

    May 2, 2019 at 3:31 pm #490941
    immacc50
    Participant

    I am anxious to know as well... Updating a child theme requires overwriting all customizations if I'm not mistaken. That seems to defeat the purpose of the child theme.

    May 4, 2019 at 4:49 am #490965
    immacc50
    Participant

    I updated my child theme with this release. Mobile issue has been resolved and now displays correctly with no excess space above the Front Page 1 area. I did lose my customizations but found this tutorial helpful ... https://www.wpbeginner.com/wp-themes/how-to-update-a-wordpress-theme-without-losing-customization/

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 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