badget

Biggest Sale! Special Offer!

Get 30% discount on all of our single themes with this coupon code: #30%SALE

Hurry up! *Limited time offer*

how to make the header clickable to go home

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #89278
    freeamericanenglish
    Participant

    Hello there, I was wondering how can i make the header image clickable to go home.

    My website is http://www. freeamericanenglish.com/

    Thanks in advance.

    #89402

    Hi freeamericanenglish,

    Actually the Header Background doesn’t have the redirect link option. As per your Website, there is no logo set so we can use a trick by using the logo option. First you need to set the same image that you have used on background on logo. (Appearance > Customize > Site Identity) and remove the background image that you are using right now. Lastly go to ‘Appearance > Customize > Additional CSS’ and paste the Custom CSS code.

    .navbar-head {
    	position: relative;
    }
    .navbar-head .container,
    .navbar-head .col-lg-4,
    .navbar-head .site-branding {
    	position: static;
    }
    .custom-logo-link {
    	position: absolute;
    	top: 0;
    	left: 0;
    	right: 0;
    	bottom: 0;
    }
    .custom-logo-link img {
    	height: 100% !important;
    	width: 100% !important;
    	position: absolute;
    	top: 0;
    	left: 0;
    	bottom: 0;
    	right: 0;
    	object-fit: cover;
    }

    Thanks

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.