Joomla Templates Club 406,261 posts

[Ch1vpH Friend Ch1vpHJoin date: February 2016Posts: 299Downloads:21Uploads:128 Thanks: 29 Thanked: 1 times in 1 posts]

#1078110

Hi there – My site is https://ri2k.london and when viewing my site on a very small browser or mobile view the main logo does not seem to be clickable.

Could you please take a look to see what maybe occurring.

Many Thanks

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1078194

Hi,

It due the the height: 1px you set for the logo in small screen. You can try to change to:

@media (max-width: 767px) {
  body.header-horizontal .logo {
    /* height: 1px!important; */
    position: absolute;
    left: 94px;
    z-index: 101;
  }

[Ch1vpH Friend Ch1vpHJoin date: February 2016Posts: 299Downloads:21Uploads:128 Thanks: 29 Thanked: 1 times in 1 posts]

#1112997

Hi there,

That’s great I can now click the logo and it links OK!

Another major problem has cropped up though, which is I can no longer click my ‘burger (side) menu’ icon and my other links on the mobile view (in that area) no longer work either.

Please see attachment for the links and icons that don’t work.

Thanks

PS: I’ve had to remove the code above so that my menu still works…but when you come to have a look at the issue you will need to add in the custom.css code back in:

@media (max-width: 767px) {
  body.header-horizontal .logo {
    /* height: 1px!important; */
    position: absolute;
    width: 95%;
    z-index: 101;
  }

• This reply was modified 6 years, 8 months ago by  Ch1vpH.

---

Attachments:

1. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1113267

Did you get it solved? as I can see these buttons/text are still clickable.

[Ch1vpH Friend Ch1vpHJoin date: February 2016Posts: 299Downloads:21Uploads:128 Thanks: 29 Thanked: 1 times in 1 posts]

#1113270

Hi,

No its was only working due the code above was not in the custom.css file…But I have now added it back on again…and the icons and links next to the logo no longer work.

Please advice

Thanks

[Ch1vpH Friend Ch1vpHJoin date: February 2016Posts: 299Downloads:21Uploads:128 Thanks: 29 Thanked: 1 times in 1 posts]

#1113325

Hi there,

I’ve had to remove the code again (that makes the logo clickable when the positioned next to my menu icon’s etc)

As I need the menu to still work on mobile whilst trying to fix this issue.…but when you come to have a look at the issue you will need to add in the custom code back in to the custom.css to see the problem.

Thanks

[Author]

Posts