27CLOUD7

3 hours ago, IsaWP said:

Yes, the following css worked for me:

/* Work */
.header-announcement-bar-wrapper [href="/work"], .header-menu--folder-list .header-menu-nav-item [href="/work"]{
    background-image: url(https://yourimagelink.png)!important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    color: transparent !important;
}

Do the same for each link/image.

Hope it helps!

Yup it did! Thanks a lot 🙂

On 11/26/2021 at 10:57 AM, IsaWP said:

Hi, I have tried this for a site and it is working fine except that when I click a link it disappears.

Site is https://clover-carnation-c267.squarespace.com/

Password: India76!

It worked fine on 7.0 but now moving the site to 7.1 and this issue is showing up.

Thank you in advance

I'm having the same issue, did you manage to solve it? 

On 7/8/2020 at 11:23 AM, tuanphan said:

With nav images, add this code to Home > Design > Custom CSS

/* About */
.header-announcement-bar-wrapper [href="/about"] {
    background-image: url(https://beaverhero.com/wp-content/uploads/2020/06/twitter-292994_640.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    color: transparent !important;
}
/* Art - Design */
.header-announcement-bar-wrapper [href="/art"] {
    background-image: url(https://beaverhero.com/wp-content/uploads/2020/06/burger-731298_640-min.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    color: transparent !important;
}

Repeat for other items. Replace href=".." with page url.

With Hamburger custom icon, add to Home > Design > Custom CSS

.burger-box div {
    display: none;
}
.burger-box {
    background-image: url(https://static.thenounproject.com/png/3143942-42.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

 

thanks for this! wanted custom images on my navigation bar and found this thread! 

There's just one issue though: once I click on the link, the image disappears.

Here's my website for reference:

https://www.27cloud7.com (please be kind, I'm still building it :P)