[NoellemenaParticipant]

Hey, I want to hide the logo on the home page only, but have my navigation all the way up to the top.
I searched through and found the CCS:

.x-logobar {
display: none;
}

But that of course is doing it site wide. Other CSS I found for the home page did not work.
Help? 🙂

*Also, I have played around with the space between the bottom of the navigation bar and the first section. (see attached image) for the life of me I cannot figure out how to narrow that space.

That space and also under SHOP on the navigation, you’ll see some “sub nav” it is pushed WAY down and I would like it not to do that.

Login below just incase.

AS ALWAYS THANK YOU SO SO SOOOO MUCH!
Noelle

[NoellemenaParticipant]

This reply has been marked as private.

[John EzraMember]

Hi there,

Thanks for writing in! For the logo issue, You can add this under Custom > CSS in the Customizer or in your child theme’s style.css file.

.home .x-logobar {
    display: none;
}

For the spacing issue, first try to adjust it in the customizer.

Appearance > Customize > Header > Navbar > Navbar Top Height >> Set this to lower (about 50)

If that doesn’t fix it, use the following CSS instead.

.x-navbar-inner {
    min-height:50px;
}

.x-navbar .desktop .x-nav > li > a {
    height:auto;
}

Hope this helps – thanks!

[NoellemenaParticipant]

Thank you!! I did not know you had responded yet and wanted to come in quick and ask if there is CSS to add so that images in blog posts (featured and regular) have the same look of as that white border that is created with a thumbnail. I obviously do not want to change the size to thumbnail or square, but have that edge. Is that possible with CSS??

Thanks! If not I will have her frame them out each time.

[Paul RModerator]

Hi,

Regretfully, at this time I am not entirely certain what it is you would like to accomplish based on the information given in your post. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

[NoellemenaParticipant]

Thank you so much, all of the above worked perfectly. 🙂
Sorry about the confusion with the border for images by default. It is fine, I will take care of that another way.

****But, when I added my webfonts today, my font for H1 (top of blog, shop, etc) is not keeping it’s assigned h1 Letter Spacing (em) through “Typography” in Customizer. All the other headings (even those using the same webfont) is holding and looks great. But the H1 is squished. See image.
Thank you, thank you!
Noelle

[RupokMember]

HI there,

Thanks for writing back. It seems you are referring the page title that has different style than usual headings. Default letter spacing is :

.h-landmark {
  letter-spacing: -3px;
}

So you can adjust this or add your own styles and add them under Customizer > Custom > CSS.

Hope this helps.

Cheers!

[NoellemenaParticipant]

PERFECT! 🙂 Thank you!

[RadModerator]

You’re welcome!

[Author]

Posts