Archived topic

Responsive design - Samsung Galaxy Tab A

3 replies · Started by Isabelle on December 16, 2017

Viewing posts 1–4 of 4

December 16, 2017 at 3:04 pm #451105

My website is behaving more or less as expected on mobile devices (iphone, iPad) except with Samsung Galaxy Tablet Tab A 10 inches. On the Samsung device, the content column is very skinny and there are unacceptable line breaks in the title.
See for example at the very bottom of this page

http://mobiletest.pixelemu.com/index.php?url=http%3A%2F%2Ftest.northwestweavers.org%2Fconferences%2F2019-conference%2F

Is there something I can do to fix this?

Thanks

December 16, 2017 at 11:20 pm #451234

Hi there,

One of the issues is that you're using 300px in your content.

The mobile features kick in at 768px, but that tablet is larger than that, so it's serving the desktop version of the site.

You can adjust the content padding like this:

@media (max-width: 1000px) {
    .one-container .site-content {
        padding-left: 40px;
        padding-right: 40px;
    }
}

You might need to adjust the 1000px.

Let me know :)

December 17, 2017 at 3:23 pm #451661

Thanks! Adjusting content padding did the trick. Good enough! Isabelle

December 17, 2017 at 11:01 pm #451855

Glad I could help :)

This archived topic is closed to new replies.

Start building better websites today.