Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
Hi there,
I would like to have different links in my header. I know I could do it with
<area shape="rect" coords="11,10,59,29"... ... ...
But is this the right way?
And which side do I have to edit? Or is there an easier way?
Thanks for your help,
Simon from Switzerland
Hi Simon
Thanks for reaching out.
The easiest would be to make use of the header widget area at Appearance > Widgets. You could use a Visual Editor widget to add images that are linked or just text links.
Image link mapping the entire header unfortunately isn’t possible without some custom coding. To image map images in the header widget area, you could perhaps consider a plugin solution:
https://wordpress.org/plugins/tags/image-map
Hey Andrew,
the way of “appearance > widgets” works great, thank you! perfect support!
Thanks for the update. Really glad to hear you made progress.
All the best :)
Oh, is there an option that this widget is disabled on smartphones?
now, with my “second header image”, it looks stupid on my phone. if the second image would be removed on the phone it would be great!
If you send through a link to your site we can try assist using Custom CSS. Thanks.
This is a private message.
Could you please confirm the page and the widget we’re hiding? Thanks.
http://s13.postimg.org/uzq8sh853/Bildschirmfoto_2015_05_25_um_18_35_22.png
Sure, please try the following at Appearance > Custom CSS:
/* Mobile */ @media (max-width: 680px) { body.responsive header#masthead .hgroup #header-sidebar#header-sidebar { display: none; } }Adjust the 680 breakpoint as required.