chewhow

Well, may be I was wrong. The Menu bar font color opacity did change but in minor scale due to its FONT.

I increased code below to a higher number and it seems clearer now:

-webkit-text-stroke: .75px;

??

i am using firefox n chrome.

tried your suggestion, still the same ??

Hi Andrew

I am not sure how the css should appear.
Even the original template source file, I can’t see the opacity setting.

view-source:https://spun-demo.calobeedoodles.com/

You can view the css file here:
https://www.chewhow.com/wp-content/themes/spun-child/style.css

Hi Andrew

opsss, here you go, try again.
https://www.chewhow.com

Hi Strizzle

Thanks for the reply.
I miss out to talk about the header in my earlier reply.

Actually I have changed the Header opacity using advice from Siobhan below. It improved, as you can see on my header (top-left).

#masthead {
opacity: 1;
}

But somehow, the Menu bar (top-right) opacity is not affected by this #masthead.
Therefore, I am looking into the .main-navigation.
I tried to change the color code. Doesn’t seem to help.
Most likely I am not changing the correct part of the codes.

May be you can help on this ??

Sorry I don’t really get what you means yet.
There are 3 parts in the main-navigation that I can change the color code.
May I know which part is the default setting (once loading), and which part is the color setting once mouse hover over?

Really appreciate your kind support.

PART 1
——
.main-navigation {
color: #999;
display: block;
float: right;
font-family: Quicksand, Helvetica, Arial, sans-serif;
-webkit-text-stroke: .35px; /* Hack to fix thin text in Windows */
font-size: 14px;
font-size: 1.4rem;
margin: 5px 0 0;
position: relative;
text-align: right;
text-transform: uppercase;
width: 60%;
}

PART 2
——
.main-navigation a {
color: #999;
display: block;
text-decoration: none;
}

PART 3
——
.main-navigation ul ul .parent > a:after {
color: #999;
content: ” ? “;
display: inline-block;
margin: 0 0 0 .5em;
}

I tried this, see below. But doesn’t seem to be working.

/* =Imports styles from the parent theme
————————————————————– */
@import url(‘../spun/style.css’);

/* =Theme customization starts here
————————————————————– */

.main-navigation a {
color: #666666;
}

Hi Bamber

Appreciate your reply.
Some how I tried that last time and it didn’t work out.

Today I tried again, when add the Links into the Menu, I need to place a dummy URL, then click add to Menu. Then only it will appear.
I remove the dummy URL in the Menu bar selection, and the new Categories stay there.

Ok. Thanks for all the support. Manage to get the menu bar resolved.
Here is the youtube video that resolved the issue:
https://youtu.be/Ow69SNWTp3U

Here is my website final look:
https://www.chewhow.com

Thanks for the reply Siobhan and Andrew.

I works now.
https://www.chewhow.com/shop/

But the Menu bar is not working well after I created ‘spun-child’.
Whenever I configure the Menu bar setting in the Appearance > Menus, it updated the old spun template. No changes on the new ‘spun-child’.

I have tried to copy over the footer.php, functions.php (with modification as in the https://codex.www.ads-software.com/Child_Themes), header.php to the ‘spun-child’. It doesn’t help at all.

May I know how to fix this?

Thanks in advance.