Top Bar

[Brian]

It would be great for those that dont know code/css to include a top bar setting in the customiser.

With the facility of adding social icons, telephone number, site wide message or even a button.

[Tom]

Currently, the social icons and phone number can be easily achieved with the Secondary Navigation add-on.

The message and button are a little harder.

I wonder what the options would look like? A spot directly for your icon URLs and phone number? A textarea that allows you to enter your own data/HTML?

Definitely something worth thinking about 🙂

[Brian]

On this site I have used the Beaver Builder theme.

I have used there top bar setting and inserted the site message in it here http://www.focusma.co.uk/

[Tom]

The “Get a free trial now” message?

Something like that could be done quite easily in GP Hooks – no need for a Customizer option:

<div class="top-bar">
    <div class="inside-top-bar">
        Get a free trial now!
    </div>
</div>

Then the CSS:

.top-bar {
    background: red;
    color: white;
    font-size: 20px;
    text-align: center;
}

[Author]

Posts