Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #495321

    Hi. I have noticed that in some cases, the headline text doesn’t display correctly on small mobile screens (iphone 5).

    On the demo’s for instance, here is an example. This page:
    http://kriesi.at/themes/enfold-business-flat/portfolio-item/project-2-7/

    Reducing the browser width on a laptop doesn’t show the true issue. I have uploaded a screenshot of it on my iphone below.

    https://drive.google.com/file/d/0B2Z4IVSIL_e3YkdUUWtWcFdsdVJGaXpPTHcwdmRtMFlzU0tF/view?usp=sharing

    Is there a way to put the text inside a responsive container so it will reduce correctly? Or does the font size just have to manually be reduced using trial and error to a size where it will fit (as seems to be the case)?

    #495326

    I’m having the same issue, with my front page text in a colour section being cut off on mobile devises. Its ok in landscape view but the text gets cut off when I’m using my mobile upright.

    Hope there is a resolution to this problem!

    #495411

    Hey!


    @esemmel

    The color section text doesn’t get cut off on my Nexus 4, but a specific media query can be used to adjust the font size once it reaches a certain width.

    If you have a website up at the moment, we could provide you with specific css for your color section.


    @wholesomepatisserie

    Once we have a link to your website we can also set up a similar media query.

    Cheers!
    Dake

    #495425

    Hi,

    I was searching through the other threads on here and someone posted a short code for someone who was having the same issue.
    Under my text I’m using a separator, there was a problem with the separator that was causing my text to be cut off on my mobile.

    I entered the code into my custom CSS and it solved my issue!

    Here is the short code i entered into my Quick CSS in general styling:

    @media only screen and (max-width: 479px) {
    .hr-inner { width: 50px !important; }
    }

    Now my text is responsive on my mobile and it doesn’t get cut off. I’m not sure if this will help @esemmel as I’m unsure if you’re using a separator under your text, you might be having a different issue.
    Hope this helps!
    Sam :)

    #495479

    Hey!

    Thank you @wholesomepatisserie.


    @esemmel
    You can follow the instructions above or if you would prefer we can still set up a media query.

    I’ll leave your thread open in the meantime.

    Cheers!
    Dake

    #501920

    1. On my enfold small business flat demo i added that css code from @wholesomepatisserie and nothing changed on my iPhone 5s, the words are still cut off. please help. thank you.

    2. Also my main header background image is the same one the demo came with and i can’t figure out where or how change it.
    Its that blue background with the little icons in it.

    #502014

    Hi @jaredj89,

    1. I couldn’t see any text being cut off on my end using iphone4/chrome, can you post a screenshot of what you are seeing on your end please?

    2. Edit your front page then edit the background of the first color section.

    Best regards,
    Rikard

    #502112

    Thank you so much. I’m brand new at website making. It’s fun and I’m learning pretty quick I think. I changed the main header content from HELLO CUSTOMERS to HELLO DRIVERS and the iPhone screen problem fixed itself..

    #502228

    Hi,

    Great, glad you got it fixed :-)

    Regards,
    Rikard

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