Mobile Layout

  • vladff,

    Love how responsive / engaged you are with this theme.
    I just started designing my website (bespokedigit.al) and am pleased with it on my computer. However, when I attempt to view it via a mobile device, nothing is fitted to the screen (on my droid razzr maxx there is a large black section to the right).

    Any idea where I screwed up? I’ve seen other sites that use this theme that have a fine mobile presence. I’m thinking it might be one of the posts overflowing strangely?

    Thanks for your time (Hate asking questions like this…)

Viewing 9 replies - 1 through 9 (of 9 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    What sort of modifications were you making?

    Thread Starter demery133

    (@demery133)

    The only thing I directly altered in the .css was removing the padding on .top-bar, changing the opacity to 1 (though I realize that’s not neccissary) and removing the padding between the topbar and the admin menu.

    Besides that I have not directly altered anything (on this go through at least…I changed a lot originally and did a fresh install when the mobile wasn’t forming correctly to the screen)

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Does the issue persist on the theme’s demo site? https://demo.athemes.com/moesia

    Thread Starter demery133

    (@demery133)

    Great suggestion–

    On the demo site everything works fine when I visit it on my mobile, so the problem is localized to my site and not to my phone. Not certain what it could be that is adding that much extra padding to the side / not conforming with the layout of my phone. (again, only on my website).

    Thread Starter demery133

    (@demery133)

    Screenshot Of Error:

    https://drive.google.com/file/d/0B9Dg_1eTSp10bG1jQndqeGxVU2ZQZXhuUFhyUmtCallFdlcw/view?usp=sharing

    (even if it loads zoomed in as normal you can scroll to the right…seems like there is not a set border)

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Try deactivating all of your plugins to explore whether any could be responsible.

    Thread Starter demery133

    (@demery133)

    The only 2 plugins I’m using are the suggested / required ones (types and PageBuilde). I think it has something to do with the sitetitle / tagline…maybe a change I made before was cached when I deleted / reinstalled the theme. I’ll be sure to post here if I figure it out– thanks!

    Your site looks fine on my Android tablet. Not sure what the issue could be. You could try deactivating the smooth scroll from Appearance > General, though that doesn’t cause issues on Android.

    @vlad

    Hello Vlad,

    From one of the foram post; I found your post that is following
    css for page container width for full default pages

    .page-template-default .site-content {
    max-width: 1300px;
    }
    @media only screen and (min-width: 991px) {
    .page-template-default .content-area {
    width: 72%;
    }
    .page-template-default .widget-area {
    width: 25%;
    }

    I have implemented this and got the desired results.

    However the content pages on mobile doesn’t look good .. Have a look this page on mobile: https://www.continuumsoftwaresolutions.com/custom-web-development/

    Please provide your suggestion for the mobile fit contents. I want to show the content in a full width for mobile view.

    Regards
    Alok

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Mobile Layout’ is closed to new replies.