Header on Mobile


I’d like to have a different header display for mobile if possible - I would like to display text on the mobile view, as on the mac view it is very long and narrow. The site is www.optiroll.co.uk

Can you help please?

Hello there,

To working on hide or show the text in the header, I think you can use the header text (customize > header area > header text) then using the following css code to hide or show them:

  • hide the header text when displyaed in desktop screen:
@media only screen and (min-width: 1024px){
    visibility: hidden;

And you can hire a wordpress developer to help you to apply the different header image when your site displayed in mobile, because it need an advance customization to working on it.