My blog post is not full width on mobile, solution ?

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket

Author

Posts
January 10, 2019 at 3:45 pm #462525

shane mc geown
Free User

Post count: 36

My first blog post which can be seen here

https://brazilianjiujitsu.ie/how-to-prepare-for-first-brazilian-jiu-jitsu-class/

works full-width on both desktop and mobile versions of my site.

My second blog post which can be seen here

https://brazilianjiujitsu.ie/bjj-belts-explained-from-whitebelt-to-blackbelt/

Is not full width on the mobile version, what is causing this ? and how can I fix this? thanks so much!

January 10, 2019 at 5:31 pm #462541

Paolo
Site Admin

Post count: 31211

HI,

the second blog post isn’t published yet, so we can’t see it unless you share admin credentials in a private reply.

Let us know.

Thanks

January 10, 2019 at 8:13 pm #462583

shane mc geown
Free User

Post count: 36

Apologies, it is public now!

January 10, 2019 at 8:55 pm #462599

Alex Rollin
Moderator

Post count: 27815

Looks full width to me

January 15, 2019 at 2:38 pm #463347

shane mc geown
Free User

Post count: 36

It’s full width on computer but NOT ON MOBILE, this is the issue i’m trying to fix thank you though

January 15, 2019 at 2:39 pm #463348

shane mc geown
Free User

Post count: 36

It’s not on private anymore full width on the computer but NOT ON MOBILE, this is the issue I’m trying to fix thank you though,any suggestions ??

January 15, 2019 at 2:47 pm #463351

Alex Rollin
Moderator

Post count: 27815

This issue only shows up if it is loaded first time on a screen that is smaller than the width there.

I have flagged this for KC to take a look and see if it is the same issue we saw before.

Thanks

January 15, 2019 at 3:32 pm #463358
Kor
Moderator

Post count: 16516
Hi Shane,

Thanks for your patience. Could you insert this custom CSS code below and see if it fixes it?
```
p {
    word-break: break-word!important;
}
```
January 17, 2019 at 1:03 pm #463698

shane mc geown
Free User

Post count: 36

I’ve just applied that additional CSS and it worked, thank you so much KOR!
Just another question, will I have to add this line to each blog post that I produce ? or is there a way to ensure that my future posts will automatically be full width? thanks.

January 17, 2019 at 1:05 pm #463699

Kor
Moderator

Post count: 16516

Hi shane,

Thanks for your reply. The custom CSS I’ve provided earlier applies to all your pages. So don’t worry about it. 🙂

Thanks!
Author

Posts