Logo not linking to home page on Mobile site


#1

Hello there, if you go to www.DevanyAnne.com the logo in the header is not linking to the home page on my site? Any idea why? It works on the computer, just not the mobile version of the site.

Thanks,
Lorne


#2

Hello Lorne,

I am sorry for the trouble. It shouldn’t happen by default. Not really sure why this issue appears on your site.

To fix it yourself, try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (max-width: 1024px) {
      .site-header .site-branding {
        float: none !important;
      }
    }

Regards,
Kharis


#3

Thanks for the help, however that only works on my about, contact, holy yoga pages. The Blog page does not work however to post the logo.

Does this have to do with the code I got on these forums for custom CSS to enlarge the logo in the header?

.site-branding > a {
  background-image: url('https://www.devanyanne.com/wp-content/uploads/2019/01/Devany-Anne-Logo-1.png');
}
  
.site-branding > a {
  display: inline-block;
  width: 400px;
  height: 123px;  background-size: contain;  
  background-repeat: no-repeat;           
  background-position: center center;
}

.site-branding > a img {
  opacity: 0;
}

@media only screen and (max-width: 479px) {
  .site-branding > a { 
    width: 300px;
    height: 93px;
  } 
}

    @media only screen and (max-width: 1024px) {
      .site-header .site-branding {
        float: none !important;
      }
    }

Thanks,
Lorne


#4

Hello Lorne,

The logo link works fine on my phone. See the below screencast. I visited the blog page and tapped on the logo, and it properly opened the homepage.

Probably you should have to clear your web browser’s history first. Because usually won’t load the recent changes have made.

https://codex.wordpress.org/I_Make_Changes_and_Nothing_Happens

Regards,
Kharis