Adjust the position of the site header layout using CSS code.

Hi,

Because the current layout in site header doesn't have the template I want to use, I would like to ask if there is a way to swap the Navigation and Social links using code?

Thanks!

12 minutes ago, PANNN said:

Because the current layout in site header doesn't have the template I want to use, I would like to ask if there is a way to swap the Navigation and Social links using code?

Can you share your website URL?

On 3/5/2024 at 10:09 PM, Ziggy said:

Can you share your website URL?

sorry for the late reply
this is the URL
https://ocelot-garlic-ka7a.squarespace.com/
password:0000

thx !

On 3/15/2024 at 4:10 PM, tuanphan said:

You can use this code to Website > Website Tools > Custom CSS

@media screen and (min-width:992px) {
.header-nav {
    position: absolute;
    right: 0;
    text-align: right;
}

.header-actions.header-actions--right {
    position: absolute;
    left: 0;
    justify-content: flex-start !important;
}

header#header a.icon {
    margin-left: 0px !important;
    margin-right: 2.5vw !important;
}
}

it's work!
thx for your help!

On 3/15/2024 at 4:10 PM, tuanphan said:

You can use this code to Website > Website Tools > Custom CSS

@media screen and (min-width:992px) {
.header-nav {
    position: absolute;
    right: 0;
    text-align: right;
}

.header-actions.header-actions--right {
    position: absolute;
    left: 0;
    justify-content: flex-start !important;
}

header#header a.icon {
    margin-left: 0px !important;
    margin-right: 2.5vw !important;
}
}

Hi tuanphan , sorry to bother you again that when I open a web page in safari, the paging options do not appear in the drop-down menu. how can i fix it ?

thanks!

On 3/22/2024 at 1:05 PM, PANNN said:

Hi tuanphan , sorry to bother you again that when I open a web page in safari, the paging options do not appear in the drop-down menu. how can i fix it ?

thanks!

I see it shows fine now, you try checking it again

On 3/25/2024 at 4:39 PM, tuanphan said:

I see it shows fine now, you try checking it again

Hi @tuanphan, sorry to bother you that the paging options still do not appear in the drop-down menu when i using safari to open, but google chrome its worked 🥲.

what can i do or adjust the CSS to fix it ?