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;
}

Hello,
I have been trying to change the header contact information over and over again without any luck, I cleared the cache, I disabled the WP Rocket, I used different browsers, I resaved the permalink…nothing works and this is very weird. See this video here:

Thank you

Hi,

Perhaps you have caching in the hosting level, that is running in the background. To confirm this, you may want to consult with your hosting support department.

Regards,
Kharis
aThemes Support