Social icons overlap the logo when viewed on a cell phone

Buldre

With Ja Magz II for joomla 3, it was the case that the Head Social module position with social icons was only displayed on desktops and tablets, not on cell phones, as the window becomes too narrow for there to be available space for the icons next to the logo.

But now with Ja Magz II version 2.0.1 for Joomla 4, and php 8.1, social icons are also displayed when reading from cell phones. This causes that the icons are placed over the logo, and it becomes difficult to click on the home link (the logo), in addition to the display becoming a mess.

Could you please correct this?

saguaros

Buldre Hi

You're right, it due to the change in Joomla 4 which doesn't load class suffix for the custom HTML module.

I updated this custom css to hide it for you:

@media (max-width: 767px){
  .t3-header .headright .head-social > .custom {display: none;}
}

Kindly check.

Buldre

Thanks!