Contact Info Header

I set the header contact information to be centered, yet it is still off to the left of the page.

Also is there anyway to make the header contact info sticky like the menu so it is always visible?

Thanks

www.mailboxguy.ca

Hi there,

Here is the code to achieve the issue:

  1. put the CSS code below into customize > additional CSS to centering the header contact:
.header-contact-info {
    float: none;
    margin: auto;
}
  1. And here is to make the header contact sticky:
  • Put the javascript code below using custom javascript plugin:
jQuery(window).scroll(function (event) {
	var scroll = jQuery(window).scrollTop();
	var headerContact = jQuery('.header-contact');

    if(scroll > 50){
		headerContact.addClass('float')
    }else{
		headerContact.removeClass('float')
	}
})
  • Put the CSS code below into customize > additional CSS:
.header-contact.float {
    position: fixed;
    top: 30px;
}
.site-header.float-header {
    top: 75px;
}