Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #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,
    Morticka

    #352982

    Hey 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,
    Yigit

    #353005
    This reply has been marked as private.
    #353033

    Hi!

    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!
    Ismael

    #353554

    Hi 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,
    Barb

    #353557

    And the text on the desktop is centered as well, a lot of space between words.

    Sincerely,
    Morticka

    #353561

    Hey 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,
    Yigit

    #353671

    Hi 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,
    Barb

    #353696

    Hey 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,
    Yigit

    #360294
    This reply has been marked as private.
    #360585

    Hey!

    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!
    Ismael

    #360773

    Hi Ismael,

    You’re welcome :)

    Nope, the code did not work? Do you have another solution?

    Sincerely,
    Barb

    #360777

    Hey 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!
    Yigit

    #361028

    Hey 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,
    Barb

    #361030

    Hey Barb :D

    You are welcome, glad we could help!
    I asked to check the topic once again. Please kindly wait to hear from him.

    Cheers!
    Yigit

Viewing 15 posts - 1 through 15 (of 15 total)
  • You must be logged in to reply to this topic.