Home Forums Weaver Xtreme Theme Changing header on mobile Re: Changing header on mobile

#20654
scrambler
Moderator

Always include a link to your site so we can be sure of what is in your header right now, or else what we tell you may not quite fit your configuration.

Without having seen the site, and assuming you are not using the Header HTML area right now, you could do the following.

In Main Options > HEader > Header Image > Hide header Image, select Hide: Phones + tablets, so the standard header image does not show on mobile.

Then in Main Options > HEader > Header HTML > Header HTML BG CSS+ box type the rule below

{} #branding %selector% {display:block;} #branding %selector% img {display:block;}

Then in Main Options > HEader > Header HTML > Hide Area, Select Hide: Desktop So the mobile image does not show on desktop

Finally, in Main Options > HEader > Header HTML >HEader HTML COntent box, type the code for the mobile header image  like below

<img src=”MobileHeaderImageUrl” />

Using the Full URL of the image to use