Mobile view not centered

  • Happy New Year everbody

    Can anyone help me with my layout theme:
    https://blog.coregrafit.com

    1) My mobile view doesn’t seem to be quite centered? – neither are my logo and circles in mobile view.?
    I have applied margin-left: auto; margin-right: auto; to all: #main > #primary > #content > article. But still the pages/posts are left aligned and not centered:(

    I hope someone can help me:)

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

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Hindering us by disabling our ability to right click, or press the F12 key will decrease your chance of receiving help.

    If you want I can demonstrate how in 3 clicks one can download all the images, javascript, html, text of your page? It requires no technical knowledge.

    Thread Starter Helle Naia

    (@helle-naia)

    Hi Andrew.

    Ops, I’m sorry. Was not meant to cut of the ability to inspect the site. I had a protection plugin activated. But has deactivated it. Now It should be possible.:)

    Anyone have a solution to my question above – regarding mobile view?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Can you also link to a screenshot showing how off-centred the logo is for you? I don’t see the issue.

    Thread Starter Helle Naia

    (@helle-naia)

    Yes, It looks like this: The circles are not in center, but left aligned. And the logo is more to the left and not completely centered.

    file://localhost/Users/HelleNaiaMacBook/Desktop/Mobile_view.jpg

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    We can’t see anything on your computer, try an upload service like Snaggy https://snag.gy/

    Thread Starter Helle Naia

    (@helle-naia)

    does this help:

    file:///Users/HelleNaiaMacBook/Desktop/Mobile_view.jpg

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    I’m sorry no, “file://” is something local to your computer. “https://” usually represents something on the internet.

    Thread Starter Helle Naia

    (@helle-naia)

    annoying – it won’t let me do it – sorry! – do you know another way?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    This is widely used https://imgur.com/tools

    Thread Starter Helle Naia

    (@helle-naia)

    ok, I know – i ended myself a link:

    Look at this image on the link you can download it.?

    Download link
    https://we.tl/7SfJm2n29X

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Yes. Try adding this to your custom CSS:

    .site-header img {
     margin-right: 0;
}

    Thread Starter Helle Naia

    (@helle-naia)

    I’ve tried, still the same:(… any other suggestions?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Which device & browser does the issue persist on?

    Thread Starter Helle Naia

    (@helle-naia)

    its on my iPhone 5, when browsing from my safari app

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    I can’t emulate the logo issue so hopefully someone with the actual device can help you debug this

Viewing 15 replies - 1 through 15 (of 20 total)
  • The topic ‘Mobile view not centered’ is closed to new replies.