Okay
  Public Ticket #1713760
Site Origin Headline
Closed

Comments

  •  5
    reverse-design started the conversation
    September 16, 2018 at 7:33am

    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

  •  1,611
    Barry replied
    September 16, 2018 at 11:48am

    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
    QreativeThemes.com  |  WordPress Themes

  •  5
    reverse-design replied
    September 16, 2018 at 5:46pm

    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

  •  1,611
    Barry replied
    September 16, 2018 at 7:38pm

    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
    QreativeThemes.com  |  WordPress Themes

  •  5
    reverse-design replied
    September 17, 2018 at 6:31am

    Thanks Barry – that worked fine.

    Best regards,
    Sinclair

  •  1,611
    Barry replied
    September 17, 2018 at 9:31am

    You're welcome!

    Best regards,
    Barry
    QreativeThemes.com  |  WordPress Themes