-
AuthorPosts
-
November 17, 2014 at 8:25 pm #352668
Hi guys,
1. When I test my posts on mobile smartphone, I see that the H1 headings and text are justified. How can I correct this?
2. When I look at my post on mobile, there is a weird bar underneath the breadcrumbs section. How can I correct this as well?
Sincerely,
MortickaNovember 18, 2014 at 2:58 pm #352982Hey Barb!
Please add following code to Quick CSS
1- It is actually centered and not justified but you can have it left aligned with following code@media only screen and (max-width: 768px) { #top .fullsize .template-blog .post-title { text-align: left; }}
2-
@media only screen and (max-width: 520px) { #top .title_container .container { padding: 0; }}
Regards,
YigitNovember 18, 2014 at 3:50 pm #353005This reply has been marked as private.November 18, 2014 at 4:29 pm #353033Hi!
The breadcrumbs line is gone. Please use this for the titles:
#top #wrap_all .header_color h2, #top #wrap_all .main_color h2, #top #wrap_all .alternate_color h2, #top #wrap_all .socket_color h2 { text-align: left; }
Remove browser cache then reload the page.
Cheers!
IsmaelNovember 19, 2014 at 11:41 am #353554Hi guys,
Yes, that works with the title and the bar is indeed gone :D
But, the centered effect still effects the text. If you look closely you see a lot of spacing between words. (Yes, I’ve cleared my cache etc)
Can you solve that as well?
Sincerely,
BarbNovember 19, 2014 at 11:47 am #353557And the text on the desktop is centered as well, a lot of space between words.
Sincerely,
MortickaNovember 19, 2014 at 11:53 am #353561Hey Barb!
I just checked your website on my iphone and it does look fine on my end – http://imgur.com/a/tqG64
Have you tried checking your website on an actual mobile device? :)Best regards,
YigitNovember 19, 2014 at 2:39 pm #353671Hi Yigit,
Haha, yes, I always check my websites on my Galaxy Note 1 and iPad 2. On the Galaxy Note you clearly see more space between words here and there.
Sincerely,
BarbNovember 19, 2014 at 2:59 pm #353696Hey Barb!
This is weird because this is how i see it when i check your website on the website you checked using the same devices – http://i.imgur.com/3UdkhjU.png
I will ask @josue to check your website on his Android device. Please kindly wait to hear from him.Regards,
YigitNovember 30, 2014 at 4:40 pm #360294This reply has been marked as private.December 1, 2014 at 5:10 am #360585Hey!
Thank you for the update.
Add this at the very bottom of style.css or Quick CSS field:
body .av-special-heading.modern-centered { text-align: center !important; }
Cheers!
IsmaelDecember 1, 2014 at 3:06 pm #360773Hi Ismael,
You’re welcome :)
Nope, the code did not work? Do you have another solution?
Sincerely,
BarbDecember 1, 2014 at 3:13 pm #360777Hey Barb!
Can you please try adding following code to Quick CSS as well
.modern-centered h2.av-special-heading-tag { text-align: center!important; }
Cheers!
YigitDecember 1, 2014 at 8:56 pm #361028Hey Yigit :D,
Yes, that one works, thank you!!
(Did Josue get a chance to check the text out yet on his android? You still see a lot of extra spacing between certain words.)
Sincerely,
BarbDecember 1, 2014 at 9:00 pm #361030 -
AuthorPosts
- You must be logged in to reply to this topic.