Archive category title placed wrong

[Christensen]

Hey how do i get the page to move down on my category site (woocomerce)

And how do i get the font color on “kategori” to black?

[prakash_s]

Hello Annelene

Thanks for writing to us.

To move down archive page title and change the font colour of product meta please add these CSS codes under X/Pro —>Theme Option —>CSS

@media(min-width:992px){
.archive.category .x-header-landmark {
margin: 102px auto 0;
}
}
.single-product .product_meta span.posted_in {
color: #000000;
} 

Please feel free to change the margin value and colour code as per your design.

The purpose of providing the custom CSS to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.

Hope it helps you.
Thanks

[Christensen]

Hey! It worked perfectly with the “kategori” text. But the title Category Archive is still in the same place, underneath the menu.

The CSS didn’t work on that?

[prakash_s]

Hello Annelene

I checked your site it seems that you have not inserted the CSS code properly. You have added extra “9” in the CSS code because of that the code is not working since it is causing a syntax error.

You have added CSS code like this

.archive.category .x-header-landmark {
margin: 102px auto 9;
}

Please copy the correct code from the previous post and change the margin value 102px as per your design.

The purpose of providing the custom CSS to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.

Hope it helps you.
Thanks

[Christensen]

ohh yes i see… sadly that didn’t work

[friech]

Hi Annelene,

The issue is coming from your custom CSS, these two blocks of custom CSS

.woocommerce .x-navbar {
    background-color: rgba(0,0,0,0.15) !important;
    position: absolute;
}

and

.x-navbar {
    background-color: rgba(0,0,0,0.05) !important;
    position: absolute;
    width: 100%;
}

Please find these custom CSS blocks and remove it, most likely it was added in the Theme Options > CSS or Page > CSS area. After you remove those custom CSS, the header will have its natural behavior and will place the archive title to its proper place.

I believe what you need from those CSS block is to add background-color on the navbar.

If so, add this simplified CSS instead.

.x-navbar {
    background-color: rgba(0,0,0,0.05) !important;
}

Another tip: check all your custom CSS here and make sure there is no error (you can ignore the warnings, but make sure there is 0 error)

Hope it helps,
Cheers,

[Christensen]

Yes, that worked, except i actually want the code to make my menubar transparent, so it will show the background under neath. Can i do it like that the code only the code doesn’t work on that site where the archive is?

[christian]

Hey Annelene,

You need to continue on improving the code and tweaking it to work on certain pages. We cannot continue on providing custom codes because as we’ve mentioned previously, it’s outside the scope of our theme support that’s why you need to learn CSS.

Learning CSS is one option. The other is you hire a developer to write CSS for you and the best option is to upgrade to Pro so you’ll have a Header and Footer builder which will enable you to have an overlay header assigned to specific pages WITHOUT the use of custom CSS.

You can learn more about Pro in the following links.

• https://theme.co/pro
• https://www.youtube.com/channel/UCgY5E3tOI83kBEahh9Y3uRg
• https://theme.co/docs/

Thank you for understanding.