Tagged: headlines, mobile screen
-
AuthorPosts
-
August 29, 2015 at 2:44 pm #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)?
August 29, 2015 at 3:21 pm #495326I’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!
August 30, 2015 at 2:39 am #495411Hey!
@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.
Once we have a link to your website we can also set up a similar media query.
Cheers!
DakeAugust 30, 2015 at 4:12 am #495425Hi,
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 :)August 30, 2015 at 4:12 pm #495479Hey!
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!
DakeSeptember 12, 2015 at 3:22 am #5019201. 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.September 12, 2015 at 9:17 am #502014Hi @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,
RikardSeptember 12, 2015 at 3:15 pm #502112Thank 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..
September 13, 2015 at 8:51 am #502228 -
AuthorPosts
- You must be logged in to reply to this topic.