Menu Navigation and Header, Different

Please take a look at the pictures I send You.
The menu and header ar ok on tablet and mobile…But not on Desktoop.

Regards

Can you please take a look??

Hi,

I need more information to find out the solution on desktop view. What is your desktop resolution? You can simply check it by visiting this page: http://whatismyscreenresolution.net/.

Regards,
Kharis
aThemes Support

our Screen Resolution is

# 2560x1440

Screen Width: 2560 pixels

Screen Height: 1440 pixels

But I think this is different.

I open the site for you

and just press any category

In destop is different as when you make the screen smoler.

This is the start site.

If you need to delete the links from the support site … please do it… no problem.

Regards

Hi,

As checked further, you could fix these issues by adding the below CSS code to your site’s Additional CSS.

    @media only screen and (min-width: 1024px) {
      .no-hero .site-header.fixed {
        top: 80px !important;
      }
      .no-hero .site-header.fixed.float-header {
        top: 0 !important;
      }  
    }

    @media only screen and (min-width: 1200px) {
      .no-hero .site-header.fixed {
        top: 55px !important;
      }
    }  

Regards,
Kharis
aThemes Support

No sorry this is not working.
take a look at the navigation , tI can not see the main menu, becouse
I THINK the site-header" role=“banner” is not working .
THE YELLOW BACKGROUND is missing.

See the pictures I sen you and the links

WRONG IN Products Categorie
https://maquinariaarinaga.com/categoria-producto/z3-martillos-electricos/
THE YELLOW BACKGROUND is missing. IN MENU

OK in PRODUCT



THE YELLOW BACKGROUND IS OK IN MENU

I HOPE YOU UNDERSTAND MY PROBLEM

REGARDS

Hi,

Try this CSS code:

    @media only screen and (min-width: 1024px) {
      .no-hero .site-header,
      .no-hero .site-header.fixed {
        top: 80px !important;
      }
      .no-hero .site-header.fixed.float-header {
        top: 0 !important;
      }
      .tax-product_cat .site-header {
        background-color: rgba(252,255,0,1);
      }    
    }

    @media only screen and (min-width: 1200px) {
      .no-hero .site-header,
      .no-hero .site-header.fixed {
        top: 55px !important;
      }
    } 

Regards,
Kharis
aThemes Support

1 Like

Thank You very much… WORKING PERFECT.

Regards.

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis
aThemes Support