Linking the entire header area | PenciDesign Support

PenciDesign replied

9 years ago

Staff Reply

Hi,

Thank you so much for loving our theme.

To do that, please do following steps:

1/ Add more this code:

\
<a class="penci-header-bg-overlay" href="Your-link-put-here"></a>

like on this image.

Note Important: You need change Your-link-put-here to the link you want, include http:// or https://

2/ Add more this code to Customize > Custom CSS:

\
.penci-header-bg-overlay{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; }\
.header-social, #logo{ z-index: 20; position: relative; }

Best Regards,

PenciDesign

YemeshM started the conversation

9 years ago

Conversation Start

Hi there,

Thank you so much for the awesome theme. I did find the header options limited for what I has in mind, so I added the logo onto the background header image. Is there any way I can link the entire header image? I noticed with the header options one can link parts of it, such as in header 3 option.