Fancy Header and Logo

[graf007]

Is there a problem with the responsive nature of the fancy header height and the vertical alignment of page header text in mobile view? Is there a way to not use the fancy header is the site determines it is in mobile view???

Also, our logo in mobile view shirks to an unrecognizable size. How do we get the mobile display of the logo to stay large?

[Kyle – SUPPORT]

Hi

1) Which page has a fancy header?

2) Add this to your custom css:

#mobile-logo.has-img {
  max-width: 90%;
}

– Kyle

[graf007]

Thank you for the response:

The example page is http://204.12.99.138/products-and-services/free-online-banking/

When in mobile view the fancy header wraps and looks terrible. Is there a way to fix it or have Ed add code to stop fancy headers from displaying in mobile view?

[Rui Guerreiro – SUPPORT]

Hi,

Add the code below to your custom css option.

@media only screen and (max-width: 479px){
   .page-heading.fancy-heading {
      display:none;
   }
}

-Rui