Site logo

Archived topic

How to replace nav widget square box

1 reply · Started by shlomo on April 29, 2021

Viewing posts 1–2 of 2

Hi there!

I tried looking solutions about this and unfortunately I can't find the best solution.
What I wanted to do is just replace the square box to the left of this nav menu widget with our logo.
I want to know the best approach on this. Please refer to the screenshot below.

https://drive.google.com/file/d/1oc3ITxX3Tt9DB6odpVRyC2xariX5wI2F/view?usp=sharing

Looking forward to hearing from you soon. Thanks!

Hi there,

Sure you can.

I see you're using a custom CSS for the pseudo-element :before.

You can change it with this CSS:

Example:

.widget ul li:before {
    content: url(https://staging10.myrooff.com/wp-content/uploads/2021/01/myrooff-logo.png);
}

Change the URL value to the appropriate image. Make sure the image dimension is correct. Else, it'll be too large as a :before icon.

This archived topic is closed to new replies.