[Paul RModerator]

Hi Dave,

I went ahead and fix it.

Kindly check in your end.

Thanks

[Dave SParticipant]

It’s Perfect! Thank’s Paul and the rest of the crew that helped me get my menu looking great.

[JadeModerator]

You’re most welcome, Dave.

[Dave SParticipant]

Hello ThemeCo team…

I have one more question regarding the menu and a couple other tangental questions.

I would like to have blog “Archive” and “Single entry” pages load with a navbar with a background color (not transparent like the reset of the site).

Is this possible?

Archive:
https://nimblesound.com/category/ghh/

Single Entry:
https://nimblesound.com/ironic-title/

Other question:

1. how can I change the heading type (h2, h3, etc) used for the Blog Title.

2. How can I change the margin-bottom for blog titles?

3. How can I change the featured image size in “single entry” blog pages? Currently I use the following code to format the “recent post” thumbnails, but it changing the single entry thumbnail size as well.

.single-post .entry-featured {
width:35%;
margin:0 auto;
display: block;
}

Thank you very much!

[RadModerator]

Hi there,

Please add this CSS for archive and single post background color

.archive .x-navbar, .single-post .x-navbar {
background-color: #141615 !important;
}

1. To what type do you wish to change it? It’s archive page and it’s recommended for the title to appear as <h2> since it can be multiple, and that’s according to SEO practice. If it’s just changing font size, then add this too

.archive .entry-title {
font-size: 400%;
}

400% is equal to <h1>

2. You have this existing CSS, you can change the margin-top

.archive .entry-featured {
   float: left;
   margin-right: 20px;
   margin-top: 20px;
   width: 26%;
}

3. That’s the correct CSS, and it’s only applicable for single posts (eg. .single-post). I wonder what entry thumbnail size you’re referring. Would you mind providing a screenshot?

Thanks!

[Dave SParticipant]

Thank you! I was able to eliminate #3 on my own. These answers worked perfectly.

Two last questions (i hope! You guys have been awesome and very patient with me).

1. How about the line below the navbar on single blog posts? Can I eliminate it?

https://nimblesound.com/lorem-ipsum-2/

2. How can I remove the margin between the drop down menu and the hamburger menu? (screenshot attached)

[JoaoModerator]

Hi There,

1- Please add the following code to Appereance Customizer Custom CSS

.x-header-landmark {
border: 0px;
}

2 – Have you managed to fix it? It looks different on my end.

Let us know

Thanks

[Dave SParticipant]

1. Perfect! Thank you 🙂

2. No I haven’t, it looks like this on all platforms I’ve tried: Safari on iOS, Safari on MacOS, Chrome on MacOS.

Of course you’ll have to be on a page with the transparent menubar. Try:
https://www.nimblesound.com/home

[RadModerator]

Hi there,

Please try this one too,

.x-nav-wrap.mobile {
    position: relative;
    top: -18px;
}

That should move it above by 18px.

Thanks!

[Dave SParticipant]

👌

[JadeModerator]

You’re welcome, Dave.

[Author]

Posts