Make top bar col-sm-12 instead of 2x col-sm6

[Amber Needler]

Hi,

I am currently working locally so can only show screenshots. I am wondering is there is an easy way to make the top bar col-sm-12 instead of 2x col-sm-6. I am basically wanting text and a button in the centre, please see screenshot. I have managed to do this in inspect element by literally changing the col-sm-6 on the left to 12, text-align: center; and deleting the col on the right.

Is there another way to do this rather than editing it in the theme files as I don’t want these changes to be overwritten when new theme updates get released.

If you do need access please let me know and I can put the site on a subdomain.

Thanks,

Amber

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

Use this custom css solution. We will reduce the right column to 0 and the left one to 100% of width.

#top-bar .col-sm-6.tb-left {
    width: 100%!important;
}

#top-bar .col-sm-6.tb-right {
    width: 0%!important;
}

-Rui

[Amber Needler]

Ahh worked perfectly, thank you! 🙂

[Rui Guerreiro – SUPPORT]

Glad it’s sorted.

-Rui