help to header banner

[Darwin]

Hello

I´am trying to make a banner for my forum.

starting out with using Global header in "extend => widgets" with options for "Hide on Mobil device"

But the banner is displayed below the "Recent Cards"

I know i can use "Custom HTML & CSS" in Appearance but i need help for code example with options "hide on mobil device and size for the banner image..

[PitaJ]

Where do you want it to show up? Can you provide screenshots or a quick mockup?

[Darwin]

I´am using persona theme and just want a banner right under the navbar and above the "recent cards"

[PitaJ]

You could edit the persona file to move the global widget area above the recent cards section, or you could wait until recent cards is converted into a widget.

[Darwin]

@pitaj ohh sounds great with recent cards as widget hope to see that soon any timeline? Thanks

[Darwin]

@pitaj if i need edit the persona and move the file of global widget area above the recent cards section, can you be more precise about which file I'm going to make my changes. maybe a screenshot of the code

[DeepSea]

Use Custom Header to add:

@darwin said in help to header banner:

I´am using persona theme and just want a banner right under the navbar and above the "recent cards"

[Darwin]

@deepsea i know, but can you help me with a code example that hide the banner on mobile device ??

[DeepSea]

@Darwin
Check:
https://www.w3schools.com/cssref/css3_pr_mediaquery.asp
and add display:none: to your div to hide in the mobile version (in selected resolution)

hide div tag on mobile view only?

I'm creating a fluid layout for a site. I'm trying to hide the contents of a <div> or the whole <div> itself in the mobile view, but not the tablet and desktop view. Here's what I've g...

Stack Overflow (stackoverflow.com)