Mobile View Featured Listings

Andrew Muntz's Avatar

Andrew Muntz

12 Jan, 2018 10:19 PM

I am having drastic format discrepancies of my site's appearance between desktop view and mobile view in my browsers. The default mobile page that opens has all of the content justified to the right of my banner, instead of below the banner. This seemed to begin when the Featured Listings were introduced. In mobile view, my content is smashed into a narrow vertical column. The mobile view is column width is improved if the width of my banner graphic is reduced (not a compromise I should need to make).

Can the layout format be changed to show the content below the banner? Also, the home page content normally seen in the bottom is not showing up in mobile view either.

  1. Support Staff 1 Posted by Scott Gress on 13 Jan, 2018 12:01 AM

    Scott Gress's Avatar

    Hi Andrew,

    What device are you using to view the site? We've been looking at it in mobile Safari on iPhone and it seems to be using the correct mobile layout, but it's possible there could be an issue with different device/browser combinations. Let us know and we'll try to get to the bottom of it.

    -Scott

  2. 2 Posted by Andrew Muntz on 13 Jan, 2018 12:03 AM

    Andrew Muntz's Avatar

    Samsung Galaxy 4s Phone if that helps.

  3. 3 Posted by Andrew Muntz on 13 Jan, 2018 12:23 AM

    Andrew Muntz's Avatar

    Also checked Google Chrome on Iphone SE and only got the banner with zero
    content. Actually worse than my phone with Google Chrome.

    Andy

  4. Support Staff 4 Posted by Scott Gress on 13 Jan, 2018 01:02 AM

    Scott Gress's Avatar

    Hi Andrew,

    Thanks for the info. I was able to reproduce the issue when visiting "muntzangling.com" using Chrome for iPhone, but not "www.muntzangling.com". The reason appears to be that you have the "naked" domain set up to display "www.muntzangling.com" in a frame, which breaks our mobile layout.

    Instead, what you can do is add a new DNS record to do the redirect. Specifically, you need to add an "A" record pointing "@" to "174.129.25.170". That will make any request for "muntzangling.com" to automatically redirect to "www.muntzangling.com". You should be able to do this on your Domain.com dashboard, in the same place where you originally set up the CNAME that points your site to Craftlaunch.

    Let me know if I can be of further assistance!

    -Scott

  5. 5 Posted by Andrew Muntz on 13 Jan, 2018 05:58 PM

    Andrew Muntz's Avatar

    Scott,

    I appreciate your detailed advice!

    I tried your suggestion. I added an A Record by putting @ under host name
    and Points To 174.129.25.170 which enters the host as muntzangling.com
    (instead of @)

    There was an identical A Record already for muntzangling.com pointing to
    the same numbers as my www address which I then deleted.

    Still I a can type the naked domain and see the mobile view on Chrome, but
    it seems to have worked for Internet Explorer app.

    Do you have any other suggestions?
    Thanks,

    Andy

  6. 6 Posted by Andrew Muntz on 15 Jan, 2018 04:30 PM

    Andrew Muntz's Avatar

    Scott,

    Things seem to be formatted properly now in Chrome as well. Everything
    seems to be good.

    Thanks,

    Andy

  7. Support Staff 7 Posted by Scott Gress on 15 Jan, 2018 04:33 PM

    Scott Gress's Avatar

    Hi Andrew,

    Sorry for the late reply from earlier. I think your DNS changes just
    needed some time to propagate to the whole web. Glad it's working!

    -Scott

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:

»

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac