Jump to content

How to make mobile version logo a clickable link

Go to solution Solved by Web_Solutions,

Recommended Posts

  • Solution

You should remove this code. Please check your Custom CSS code section and remove this code.

#mobile-navigation {
  background-image: url(https://images.squarespace-cdn.com/content/v1/5825ee3…/7bfb4da1-5064-4c40-8df2-dc6c2ea6c638/BERSCHBACK-DESIGN-LOGO.png?format=101w);
  background-repeat: no-repeat;
  background-position: center top;
  min-height: 80px;
  margin-top: 30px;
}

 

 

After then add these code.

@media(max-width: 767px) {
  #mobile-navigation {
    #mobile-navigation-title {
      display: inline-block !important;
      width: 80% !important;
      padding: 0 !important;
      a{
        background-image: url(https://images.squarespace-cdn.com/content/v1/5825ee328419c2d9b73b5cc9/7bfb4da1-5064-4c40-8df2-dc6c2ea6c638/BERSCHBACK-DESIGN-LOGO.png?format=101w);
        background-repeat: no-repeat;
        background-position: center top;
        background-size: auto 100% !important;
        min-height: 55px !important;
        color: rgba(0, 0, 0, 0) !important;
        display: inline-block !important;
        width: 100% !important;
        pointer-events: all !important;
      }
    }
  }
}

 

Screenshot_106.png

If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks

MD Rofik
Website Designer and Digital Marketer

Am I helpful? Want to offer me a coffee?
Send me a message if needed any help. I'll try to reply as soon as possible.


 

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.