Close

Account

Documentation

Forum

Menu

Hero 2 – Mobile

  • Post count: 41
    cole3005
    November 4, 2019 at 5:45 pm #52601

    Hi,

    I am using the Hero 2 module for the main section on our Homepage, on Desktop the category tag, post title and subtitle all fit within the section.

    However, on mobile, you cannot see the tag, title, and subtitle properly. Could you show me how to get all 3 to fit within each box section, please?

    Desktop view - Hero 2

    Mobile view - Hero 2

    Thanks,

    Sadie

    Post count: 2815
    Yoga
    November 5, 2019 at 11:52 am #52635

    Hi Sadie,

    Try adding this code to Customizer > Additional CSS :

    Thank you.

    Post count: 41
    cole3005
    November 5, 2019 at 5:22 pm #52663

    Hi,

    I have added that bit of code to the Additional CSS and it has not made any difference- I have cleared the cache and checked on an incognito window.

    You still can’t see the full title, subtitle and category tag on mobile.

    Thanks,

    Sadie

    Post count: 2815
    Yoga
    November 6, 2019 at 11:50 am #52696

    Hi Sadie,

    I already checked the website and i didn’t see the codes in Additional CSS.
    Did you already add it?
    Also because if the previous request you’ve asked regarding subtitle, the Hero design a little bit messy for mobile because you have long titles and subtitles.
    (This also the reason why we didn’t put subtitle in some designs)

    Thank you.

    Post count: 41
    cole3005
    November 6, 2019 at 6:47 pm #52718

    Hi,

    Yes – I already added it and removed it as it didn’t do anything to the layout.

    I understand the post titles need to be quite short. However, as you can see from the screenshot, the text should fit but there is too much spacing in between the title and subtitle.

    Mobile view not appearing correctly

    Thanks,

    Sadie

    Post count: 2815
    Yoga
    November 7, 2019 at 10:42 am #52757

    Hi Sadie,

    I already added the code in Customizer > Additional CSS at the last line.
    Please check.
    Now you can use the margin, line-height and font-size to adjust the titles and subtitles.

    Thank you.

You must be logged in to reply to this topic.