[Support request] Difficulties fixing the mobile header

Home Forums Support [Support request] Difficulties fixing the mobile header

Home Forums Support Difficulties fixing the mobile header

Viewing 2 posts - 31 through 32 (of 32 total)
  • Author
    Posts
  • #2262774
    Fernando
    Customer Support

    I see. One thing we can do is to adjust your break points.

    In Apperance > Customize > Additional CSS, you have these two codes:

    @media (min-width: 768px) {
        .navigation-branding {
            left: 50%;
            position: absolute;
            transform: translateX(-50%);
        }
        .account-icon {
            margin-left: auto;
        }
        .menu-bar-items {
            flex: 1;
        }
        .main-navigation .inside-navigation {
    			   border-bottom: 1px solid var(--base);
        }
    }
    @media (min-width: 768px) {
        div#primary-menu {
            display:none;
        }
    }

    They both have a media query set to min-width: 768px. Can you try making them 769 px.

    Then, add this CSS:

    @media (min-width: 769px) {
        .gb-container.gb-container-ea32e238 {
            display:none !important;
        }
        .gb-container.gb-container-82161030.account-button {
            display: block !important;
        }
    }
    
    @media (max-width: 768px) {
        .gb-container.gb-container-ea32e238 {
            display: block !important;
        }
        .gb-container.gb-container-82161030.account-button {
            display: none !important;
        }
    }

    Kindly let us know how it goes.

    #2263655
    Leonardo

    Fernando, this seems to have solved the problem for the integers. I’m saying this because both on 768 and 769 the bug no longer appears.

    However (and apparently), when I’m somewhere between 768 and 769 (maybe decimals?) this appears:

    http://formuladiecast.leonardomarioto.com/wp-content/uploads/2022/06/Sem-titulo.png

    Very crazy, lol…

Viewing 2 posts - 31 through 32 (of 32 total)
  • You must be logged in to reply to this topic.