Responsive header and footer

[viadck]

Hello,

We have created the header and footer with pro but it’s not showing correctly on mobile devices.

Any tips on how to make them completely responsive?

I’ll add the url in a private note.

Thanks

[mldarshana]

Hi There,

Thanks for writing in! You can create a separate bar or container for the mobile devices as well as you have pretty much content to display specially on footer. You can hide your bar/container during mobile breakpoints.

For the header, try adding the following CSS rule and adjust it accordingly.

@media(max-width:320px){
  .x-masthead .hm1.x-bar-content {
    height: 6em;
  }
}

Thanks!