In mobile mode, the logo is overlapped with the title of the module

carlucci

In mobile mode, the logo is overlapped with the title of the module.

saguaros

You can add more space on top:

@media (max-width: 992px){
.main {
    margin-top: 103px !important; /*change to your desired value*/
}
}

carlucci

saguaros

It works fine in the main menu but not in the submenu-item.
Press on the mobile any submenu-item for example category "BOVINE MEAT" you will see the search button moves to the right and the height of the logo is smaller.
In short, there are two ways to display : Home menu and Sub-menu.

saguaros

carlucci Could you share the URL?

carlucci

saguaros

Good morning Saguaros! Forgive me for insisting on this:
you have to read the whole thread.
At the beginning of the thread you will see the link.
https://dietapino.com/index.php/es/
I don't understand why the logo, in the mobile version, is not placed at the top of the page

I change your css code :

@media (max-width: 992px){
.main {
margin-top: 110px !important;

saguaros

carlucci

The logo displays well at my end, could you share screenshot of how it should be?

carlucci

saguaros

Only in mobile mode

saguaros

carlucci I got your point, let me check.

Could you update the admin account again? it seems not working now.

carlucci

saguaros
I have modified the new account in the moderator part

saguaros

carlucci
We put custom css:

@media (max-width: 768px) {
  .t3-header .logo {
    position: absolute;
    top: 0;
    left: 0;
  }
}

Kindly check.

carlucci

saguaros
Good Morning. Thanks a lot. Please close the thread.