Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • May 28, 2014 at 7:08 am #270997
    ShortieD

    Hi folks – have noticed the modern heading shortcode cuts of text in responsive view – see the section on the home page that says:

    ‘A web design agency that thinks strategically’

    http://shortiedesigns.com/site

    Can you let me know what I need to add to my child css to stop this? Preferably without reducing the font size – but okay if I have to
    Cheers

    May 28, 2014 at 3:46 pm #271200
    Yigit

    Hi ShortieD!

    Seems like you have already figured it out! I tried resizing the browser but i could not see any issue

    Regards,
    Yigit

    May 30, 2014 at 3:01 am #272217
    ShortieD

    no haven’t figured it out – it’s still doing it – on iPhone 5 -see screenshot – please check on your phone not in the browser.

    You can see ‘Strategically’ is cut off

    https://www.dropbox.com/s/22k736hf2skkpg1/photo.PNG

    May 30, 2014 at 10:36 am #272316
    Yigit

    Hey!

    You can increase the width of container on mobile devices with following code 

    @media only screen and (max-width: 480px) {
.responsive .container { width: 93% }}

    or decrease the font size with following code 

    h2.av-special-heading-tag { font-size: 34px !important; }

    Regards,
    Yigit

    June 2, 2014 at 4:42 am #273080
    ShortieD

    okay thanks – I did this for the h1 as well as it was cutting off when it was aligned left.

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘modern heading style cuts off in responsive view’ is closed to new replies.