This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Different Links in the Header-Image

Resolved 10 replies premiumthemetheme-vantage
FishermansFriend
10 years ago · Last reply by Andrew Misplon 10 years ago

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

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

10
  1. Andrew Misplon Staff 10 years, 11 months ago

    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

  2. FishermansFriend 10 years, 9 months ago

    Hey Andrew,

    the way of “appearance > widgets” works great, thank you! perfect support!

  3. Andrew Misplon Staff 10 years, 9 months ago

    Thanks for the update. Really glad to hear you made progress.

    All the best :)

  4. FishermansFriend 10 years, 9 months ago

    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!

  5. Andrew Misplon Staff 10 years, 9 months ago

    If you send through a link to your site we can try assist using Custom CSS. Thanks.

  6. FishermansFriend Private 10 years, 9 months ago

    This is a private message.

  7. Andrew Misplon Staff 10 years, 9 months ago

    Could you please confirm the page and the widget we’re hiding? Thanks.

  8. FishermansFriend 10 years, 9 months ago

    http://s13.postimg.org/uzq8sh853/Bildschirmfoto_2015_05_25_um_18_35_22.png

  9. Andrew Misplon Staff 10 years, 9 months ago

    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; }
}
  10. Andrew Misplon Staff 10 years, 9 months ago

    Adjust the 680 breakpoint as required.

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread