Announcement bar overlays the navigation links

Hello,

I would like to move my navigation links in mobile mode to the very top and i found some css codes that could just move the links but there is a white block on the top (i guess from the announcement bar) that covers the links if i just simply move them. That part is also not sensitive to scrolling with finger. I showed on the screenshot where that section starts.

Is there a way to change the overlay priority of that part (without loosing the burger button) so that i can use that space for the navigation links? Thanks you.

(I have no access to the code injection option)

 

5 minutes ago, MySquare24 said:

Hi @Tiko,

I understand how it's fixed If you want to do it just submit the request to procced with website URL,

👨‍✈️Professional Squarespace Developer - Custom Code

Contact:

Submit Request

I didn't really understand why i need to submit a request. Couldn't you share a CSS code here?

17 minutes ago, Tiko said:

Hello,

I would like to move my navigation links in mobile mode to the very top and i found some css codes that could just move the links but there is a white block on the top (i guess from the announcement bar) that covers the links if i just simply move them. That part is also not sensitive to scrolling with finger. I showed on the screenshot where that section starts.

Is there a way to change the overlay priority of that part (without loosing the burger button) so that i can use that space for the navigation links? Thanks you.

(I have no access to the code injection option)

 

Can you share your website URL?

@Tiko

I don't have you're website URL I provide just services to fix the issue if you interested submit the above request,

17 minutes ago, Web_Solutions said:

Can you share your website URL?

tigrantatevosyan.com
pass: 151515

14 minutes ago, Tiko said:

tigrantatevosyan.com
pass: 151515

Add these code on Custom CSS panel in Website > Utilities > Website Tools > Custom CSS.

.header-menu--folder-list {
    padding-top: 0 !important;
    z-index: 99999999999 !important;
    .header-menu-nav-folder-content {
        justify-content: flex-start !important;
        top: 0 !important;
    }
}

2 minutes ago, Tiko said:

Thank you! This soles the problem with that with section. The links now are on the very top and i'd like them to be just a bit lower.  The code i used before for it doesn't do it's job now.

div.header-menu-nav-folder--active>div {
    position: relative;
    top: 25px;

Is there another one for positioning?

 

Do you want like this?

11 minutes ago, Web_Solutions said:

Do you want like this?

Thanks for the quick response! In this mode i wanted to have it in the center but on the top in landscape mode. If there is a code for it i could adjust the numbers.

4 minutes ago, Tiko said:

In this mode i wanted to have it in the center but on the top in landscape mode. If there is a code for it i could adjust the numbers. Thanks.

Replace the previous code with the code below. After that check and let me know if it work.

.header-menu--folder-list {
    padding-top: 0 !important;
    z-index: 99999999999 !important;
    .header-menu-nav-folder-content {
        top: 0 !important;
    }
}