oszsan

Thank you, @ciorici !

@inamoro

Does “some custom theme modifications” mean to customize with CSS? ?

Thanks @ciorici , it worked.

@inamoro I checked in the beginning for things you suggested and I have been checking those again but the problem has not been resolved yet. Unfortunately I will give up.

@inamoro　thnak you for the code. It worked.

Hi @inamoro,

The code you gave me changes icon color to black from the top.

I want to change color after scroll down.
I have already addd this code,

@media screen and (min-width: 48em) {
.has-header-image.home.blog .headroom–not-top .navbar, .has-header-image.inspiro-front-page .headroom–not-top .navbar, .has-header-video.home.blog .headroom–not-top .navbar, .has-header-video.inspiro-front-page .headroom–not-top .navbar {
background: rgba(255 255 255 / 90%);
color: #000;
}
}

and it’s working perfectly for text color as you can see my website.
But it’s not working to search icon and menu icon.
I want to change icon’s color as same as text color.

Would you let me know some other things to solve this problem?

Best regards.

Hi @inamoro,

I can change font in the customize screen.
I can click “Published”,too.
On this timing it’s reflected on this customize screen as you showed in your video.
But it’s not reflected on other computer/tablets/phone, safari/chrome.

And after once I leave this customize screen and come back,
“Jost” is still set in the settings box, but preview is showing different font.

Do you still see “Jost” font in the preview when you come back after you leave customize screen once?

Hello @inamoro ,

Thank you for your message.
I checked and tried everything you taught me but it’s still same.

I want to use font “Jost”.
I checked some other, too. Some other fonts show same problems, too.

I have been considering to make and upload PNG/JPEG of LOGO text insted of typing.
But I want black color font and background white after scroll.
I don’t know how to set different PNG/JPEG for after scrool.
So I’d like to set by typing.

Would you let me know some other things to solve this problem?

Best regards.

Hello @nidhidhandhukiya ,

Thank you for your message.
I tried but there is no “CSS classes” inside screen option.

Thank you for your help.

I could solve this problem.
Thank you.

Hello,

Thank you for your message.

I haven’t released this website yet.
Is there any way to share my website here?

Thank you for your help.

regards

Hello,

Thank you for your message.

I haven’t released this website yet.
Is there any way to share my website here?

Thank you for your help.

regards

Thank you for your message.
I created new topics.

Thank you for your help.

Hello,

Thank you so much, it worked.

Now I need another help.

1)

On large PC screen (maybe 1200px or more), the header image moves up to the header title logo area and reach to the top of screen.
And the header color is colorless and the header image is transparent a little.
I add some codes on css for @media area but it’s not working for what I need.

Could you help and teach me how to fix these problems?

*To keep same height size for header title area, with color white, regardless of screen size.

*To keep the position of the header image is fixed right under the header title area, regardless of screen size.

2)

About Setting header title and menu bar position.

The position of the header title and menu bar change depending on the screen size.
I add some codes on css for @media area for this, too. But it’s not working well.

Could you tell me the following method?

<PC screen>
Header title is left aligned
Menu bar is right aligned

<Tablet, smartphone screen>you
Header title is left-aligned or centered
Menu bar is right aligned or centered

Thank you so much for your help.
I really appreciate.

Best regards.