• 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

Iphone /Ipad compatibility

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 › Iphone /Ipad compatibility

This topic is: not resolved

Tagged: compatibility, css, iPad, iPhone

  • This topic has 3 replies, 2 voices, and was last updated 7 years, 9 months ago by Christoph.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 20, 2015 at 12:34 pm #148573
    varshasalvi
    Member

    Hello,
    My website is designforsoul.com. I have made some CSS changes to the theme . I am using the 'Beautiful Pro' theme.
    However because of this I am not able to view it properly on the ipad as well as iphone .
    Is there any way I can correct this? OR Changing the theme is the only option??? I do not want to change my theme since I made it look exactly like I wanted. I tried tweeking the media queries, but it did not work.

    And If at all I change the theme , will I have to resize all the images again to fit the new theme?
    I do not have any coding experience. Only CSS knowledge. Can anyone suggest a firm/company/freelancer who would help me out with this.

    http://designforsoul.com
    April 20, 2015 at 1:32 pm #148580
    Christoph
    Member

    Hi,

    there is no need to switch or change themes.
    You have to fix the css.
    Your css is throwing a lot of errors in my editor.
    You used // to comment out css.
    The official way of commenting out css is to use /* what ever you want to comment out */
    Around line 1699 of the style.css you have to add /* before Media Queries.

    If you want, you can contact me through my website. http://www.christophherr.com/genesis-customizations/


    https://www.christophherr.com | Genesis Customizations | Buy me a coffee

    April 20, 2015 at 2:28 pm #148589
    varshasalvi
    Member

    Thank You Christoph. Does it mean that '//' these are causing an error in displaying the site in any way?

    April 20, 2015 at 3:44 pm #148597
    Christoph
    Member

    You are welcome!

    I´m not sure if they are causing it directly or if there is something else going on, but the // are not a standard way for css to be commented out and it can cause all sorts of weird things to happen.

    I would recommend replacing the // with the standard/* */.

    You can check the w3c validator and see what else might be going on:

    http://www.css-validator.org/validator?uri=http%3A%2F%2Fdesignforsoul.com%2F&profile=css21&usermedium=all&warning=1&lang=en


    https://www.christophherr.com | Genesis Customizations | Buy me a coffee

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