Solved it…kinda

If the box-shadow color is not specified in the sonar effect than it will inherit the color of it’s element. read about it here
So, if I go into the shortcodes.css and delete all of the colors from @keyframes sonarEffect the sonar color will inherit the color of the icon!

/*sonar effect*/
@-webkit-keyframes sonarEffect {
	0% {opacity: 0.3;}
	40% {opacity: 0.5;box-shadow: 0 0 0 2px , 0 0 10px 10px , 0 0 0 10px ;}
	100% {box-shadow: 0 0 0 2px , 0 0 10px 10px , 0 0 0 10px ;-webkit-transform: scale(1.5);opacity: 0;}
}
@-moz-keyframes sonarEffect {
	0% {opacity: 0.3;}
	40% {opacity: 0.5;box-shadow: 0 0 0 2px , 0 0 10px 10px , 0 0 0 10px ;}
	100% {box-shadow: 0 0 0 2px , 0 0 10px 10px , 0 0 0 10px ;-moz-transform: scale(1.5);opacity: 0;}
}
@keyframes sonarEffect {
	0% {opacity: 0.3;}
	40% {opacity: 0.5;box-shadow: 0 0 0 2px , 0 0 10px 10px , 0 0 0 10px ;}
	100% {box-shadow: 0 0 0 2px , 0 0 10px 10px , 0 0 0 10px ;transform: scale(1.5);opacity: 0;}
}

The problem is that I went into the parent theme folder to make this change. So, any updates will wipe it out.

I read here that even if I copy ‘shortcodes.css’ into a child theme folder that the child theme may not use it, relying on the parent themes CSS instead.

Any tips?

Done and Done. Thanks Josue.

Hello Devin,
Any hint?

I would like to know also if is it possible to add a checkbox for privacy policy on the register box, near the register button.
Something like i accept privacy policy rules.
Thank you

Alex

Ok, I managed to make it work.

The white layer issue is gone.
On desktop, the header shows normally with a resolution over 989px.
On tablet (between 768px and 989px), the regular menu shows, with smaller font, smaller logo, and reduced padding. Tested on ipad 2 and ipad mini.
On smartphone (under 768px), it switches to the responsive menu.

Here is the code:

@media only screen and (max-width: 989px) and (min-width: 768px) {
.responsive .mobile_menu_tablet .main_menu {
display: block;
}

.main_menu {
margin-right: -30px;
}

.main_menu ul:first-child > li > a {
font-size: 10px;
}

.logo img {
width: 250px !important;
}
}

I ended up removing the padding attributes, as it didn’t seem to make any difference.

Thank a lot for your help!

• This reply was modified 12 years, 1 month ago by wizbiz.

Thanks for your answer.

If I use this CSS, the previous issue comes back, meaning that when loading the page, the menu appears for a second, and then disapear behind what looks like a white layer.

But for the second it does appear, I can see the font parameter applied properly.

Cheers.

Thanks for the update Yigit – got to the version now – seems as thought the install did work as I am on Ver 5.5.3 .

The other link to the change log is only up to Ver 5.5.2 – will the updated changed log appear on that page in due course?

Thanks
Ian