To customize the header, navigate to the Details tab. Here are the following configuration options:

Insert logo

  • Upload logo
  • Upload Retina Logo
  • Upload mobile logo
  • Logo SEO tags insert
  • Logo slogan as a logo add insert
  • Different Logo Url


Upload the logo in all three fields. The retinal logo should have a higher resolution.


Deposit favicons

  • Favico up (16x16px as png or ico file)
  • IOS touch icons
  • Win tile icon


Link social media

  • Insert social media links
  • Position of the icons in the Topbar (left or right)
  • Background color of social media icons

Insert contact information

  • Insert contact options such as phone number and e-mail address. (Click 2 Call number with +49 ...)
  • Position of the contact data in the Topbar (left or right)

 

Hide an area of ​​the topbar on small devices

Go to the Custom Code tab and paste the following into Custom CSS:

Hide Social Media

@media (max-width: 576px) { 
    .social{
    display: none!important;
    }
}

Hide contact informations

@media (max-width: 576px) { 
    .contact{
    display: none!important;
    }
}

 

10 years Joomla experience