(for SS 7.1 version)

• If Personal Plan, edit page > paste code into Code Block
• If Business Plan/higher, paste code into Page Header
• Do not add code to Custom CSS

hide an item from header navigation (one page)

this will hide Item 2

<style>
nav.header-nav-list>div:nth-child(2), [data-folder="root"]>div>div:nth-child(2) {
    display: none;
}
</style>

hide 2 items from header navigation (one page)

this will hide item 2 + item 3

<style>
nav.header-nav-list>div:nth-child(2), [data-folder="root"]>div>div:nth-child(2), nav.header-nav-list>div:nth-child(3), [data-folder="root"]>div>div:nth-child(3) {
    display: none;
}
</style>

hide item 1 to 4 (one page)

<style>
nav.header-nav-list>div:nth-child(-n+4), [data-folder="root"]>div>div:nth-child(-n+4) {
display: none;
}
</style>

hide a section from footer (one page)

if footer has 2 sections: top + bottom, this code will hide top section

<style>
footer.sections section:nth-child(1) {
    display: none;
}
</style>

this code will hide bottom section

<style>
footer.sections section:nth-child(2) {
    display: none;
}
</style>

change logo url/logo image (one page)

first, need to add this line to top of Page Header

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>

to change logo url, add this code under, change google with new page url

<script>
$(document).ready(function() {
$('div.header-title a').attr('href','https://google.com');
});
</script>

to change logo image, add this code under

<style>
header#header img {
    content: url(https://cdn.pixabay.com/photo/2023/04/06/01/44/man-7902570_1280.jpg);
}
</style>

to change site title url, add this code under

<script>
$(document).ready(function() {
$('a#site-title').attr('href','https://google.com');
});
</script>

to rename site title, add this code under

<style>
.header-title #site-title {
    visibility: hidden;
}
.header-title #site-title:before {
    visibility: visible;
    content: "new site title";
    position: absolute;
}
</style>

change button url/button text (one page)

first, you need to add this code to top of Page Header

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>

to change button url, add this code under

<script>
$(document).ready(function() {
$('header#header a.btn').attr('href','https://amazon.com');
});
</script>

to change button text, add this code under

<style>
header#header a.btn {
    font-size: 0 !important;
}
header#header a.btn:before {
    content: "new text";
    font-size: 18px;
}
</style>

Other

to remove header/fotoer (one page)

<style>
header#header, footer.sections {
display: none !important;
}
</style>

FAQ

if the site has 2 or more of these codes (same or different version), they may conflict with each other causing the code to not run

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>