Support » Theme: Iconic One » Iconic One Template Display on iPad & iPhone

  • Resolved lhilton760

    (@lhilton760)


    Using this easy to use template for my wife’s golf club, http://www.mccniners.com. Very pleased with the overall look & feel on all browsers. However, a couple of things happen when I view the site on iphone & ipad:
    1. The <tbody> is compressed from occupying approx. 80% of the screen size (centered) to about 25% left aligned.
    2. The background image now occupies about 75% of the page making the text hard to read.
    3. The logo (header image) which spanned the entire page, has been shrunk and now is the size of a new menu button.

    Is there a fix or a plugin that will fix this??

Viewing 6 replies - 1 through 6 (of 6 total)
  • Theme Author Themonic

    (@themonic)

    You are using small logo uploader as a banner/background image uploader and expecting it to work out of the box?

    In your specific case with full width logo image, paste this in custom.css

    .themonic-logo img {
        width: 100%;
    }

    —- This also applies to users using fullwidth/large logo images —-

    Thread Starter lhilton760

    (@lhilton760)

    Thank you for your response. I did as suggested by adding the suggested code below the comment area in custom.css without any apparent change in results. Not knowing php I also tried

    <?php
    .themonic-logo img {
    width: 100%;
    }
    ?>

    below the comment area with the same results. You also made mention of “using small logo uploader as a banner/background image uploader”. I’m more than willing to learn how if you can direct me to a support document that explains how to use it.

    Theme Author Themonic

    (@themonic)

    The code I have given above is the only code you need for header responsiveness if you are using a big header image.

    — please do not add php tags to the css code, it doesn’t work that way —

    Why your site is not looking good on ipad/mobile?

    This might be because how you are using a static home page.

    We do not provide support for customized websites, we provide support as per the demo. Because, if you break something how will we know?

    For Pro users we do provide proper guidance on such issues.

    How did you rearrange the tabs? Default I think is alphabetical.

    Thread Starter lhilton760

    (@lhilton760)

    The tabs are arranged using the Appearance >> Menu function. Once the tab is added to the menu, you may click and drag it to the desired position.

    Great…many thanks.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Iconic One Template Display on iPad & iPhone’ is closed to new replies.