I have a Site Origin Headline widget on my home page. However, when viewed on my mobile phone, the text is squashed into around a third of the screen width, showing around two words per line. How can I extend the panel to the entire width please?
Also, on mobile view, the phone number on the Top Footer is yellow (link color) when other text is in the grey. When I change the numbers to ordinary letters, it changes to grey. Do you know what is causing this?
Unfortunately, the site is in Maintenance Mode at the moment. Let me know if you need me to turn this off to answer these queries.
Mobile devices detects phone numbers and turns them into links that people can click to call them, this could cause the color issue. Can you try to add the following css to Appearance -> Customize -> Theme Options -> Custom CSS:
Thanks Barry. I put the code in place, but no luck there. I can see the reasoning for it, so I'll leave that in place.
Maintenance Mode is deactivated, so please have a look at the SiteOrigin Headline widget. I have managed to get the width wider on the desktop view, but it is still restricted on mobile view.
You can increase the width on mobile screens by editing the widget and click on the "Layout" panel. If you add 0 to the 2nd and 4th input fields of the "Mobile padding" the widget will be full width.
Hi Barry
I have a Site Origin Headline widget on my home page. However, when viewed on my mobile phone, the text is squashed into around a third of the screen width, showing around two words per line. How can I extend the panel to the entire width please?
Also, on mobile view, the phone number on the Top Footer is yellow (link color) when other text is in the grey. When I change the numbers to ordinary letters, it changes to grey. Do you know what is causing this?
Unfortunately, the site is in Maintenance Mode at the moment. Let me know if you need me to turn this off to answer these queries.
Thank you,
SA
Hi Sinclair,
Mobile devices detects phone numbers and turns them into links that people can click to call them, this could cause the color issue. Can you try to add the following css to Appearance -> Customize -> Theme Options -> Custom CSS:
.footer--top a.icon-box .icon-box--title, .footer--top a.icon-box .icon-box--description { color: #C1C7CE; }For the issue with the SiteOrigin Headline widget I need to take a closer look to see what's going on. Can you deactivate maintenance mode?
Thank you
Best regards,
Barry
OFFER FOR ENVATO CUSTOMERS: ONE-YEAR SUPPORT PLAN
QreativeThemes.com | Qreative Header Footer Designer Plugin | Give me a Rating
Thanks Barry. I put the code in place, but no luck there. I can see the reasoning for it, so I'll leave that in place.
Maintenance Mode is deactivated, so please have a look at the SiteOrigin Headline widget. I have managed to get the width wider on the desktop view, but it is still restricted on mobile view.
Kind regards,
Sinclair
Hi Sinclair,
Thank you.
You can increase the width on mobile screens by editing the widget and click on the "Layout" panel. If you add 0 to the 2nd and 4th input fields of the "Mobile padding" the widget will be full width.
Best regards,
Barry
OFFER FOR ENVATO CUSTOMERS: ONE-YEAR SUPPORT PLAN
QreativeThemes.com | Qreative Header Footer Designer Plugin | Give me a Rating
Thanks Barry – that worked fine.
Best regards,
Sinclair
You're welcome!
Best regards,
Barry
OFFER FOR ENVATO CUSTOMERS: ONE-YEAR SUPPORT PLAN
QreativeThemes.com | Qreative Header Footer Designer Plugin | Give me a Rating