Hello,

Sorry that will not be added again. But if you want it, just add these lines into your custom css box:

.header_1 nav .menu > li > a::before {
margin-right: 10px;
content: '[';
-webkit-transform: translateX(20px);
-moz-transform: translateX(20px);
transform: translateX(20px);
}
.header_1 nav .menu > li > a::after {
margin-left: 10px;
content: ']';
-webkit-transform: translateX(-20px);
-moz-transform: translateX(-20px);
transform: translateX(-20px);
}

Best regards!

Hello,

I found this css of your menu:

.header_1 nav .menu > li > a::before {
margin-right: 12px;
content: '';
}

but the ‘content’ is empty. Please edit it to this:

.header_1 nav .menu > li > a::before {
margin-right: 12px;
content: '[';
}

Then do the same with this code:

.header_1 nav .menu > li > a::after {
margin-left: 12px;
content: "";
}

edit to this:

.header_1 nav .menu > li > a::after {
margin-left: 12px;
content: "]";
}

Result screenshot.
If still no luck, then send us your wp credentials, so we can do it for you.

Best regards!

Hello,

Can you please post your wp credentials in a private reply? So i can give a closer look.

Best regards!

Hello,

Sorry for the late reply.
I added this code:

/* Effect 1: Brackets */
.header_1 nav .menu > li > a::before,
.header_1 nav .menu > li > a::after {
  display: inline-block;
  opacity: 0;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
  -moz-transition: -moz-transform 0.3s, opacity 0.2s;
  transition: transform 0.3s, opacity 0.2s;
}

.header_1 nav .menu > li > a::before {
  margin-right: 10px;
  content: '[';
  -webkit-transform: translateX(20px);
  -moz-transform: translateX(20px);
  transform: translateX(20px);
}

.header_1 nav .menu > li > a::after {
  margin-left: 10px;
  content: ']';
  -webkit-transform: translateX(-20px);
  -moz-transform: translateX(-20px);
  transform: translateX(-20px);
}

.header_1 nav .menu > li > a:hover::before,
.header_1 nav .menu > li > a:hover::after,
.header_1 nav .menu > li > a:focus::before,
.header_1 nav .menu > li > a:focus::after {
  opacity: 1;
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  transform: translateX(0px);
}
.header_1 nav .menu > li:last-child a{padding-right:0; margin-right:0;}
.sticky_header .header_wrapper.header_1{
  -moz-box-shadow: 0 3px 5px rgba(0,0,0,0.04);
  -webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.04);
  box-shadow: 0 3px 5px rgba(0,0,0,0.05);
}

Into your custom css box and removed the previous one. Now it’s ok.

Best regards!

Hi Mihaila,
I have exactly the same question and have tried simply pasting the entire css code from your last post below the existing css in the custom css box.  But nothing changes.

Have I misunderstood the instructions, or is there something else I need to do?

Many thanks!

Hello,

@adrianmassey,
Please send us your site’s url. So we can give a closer look at what still need’s to be done.

Best regards!

Hello,

Please add the above code at the end of your style.css file. If you still can not make it show, send us your wp credentials in a private reply. So we can do it for you.

Best regards!

Thanks Mihaila, that’s great!  Working fine now.