Remove 'category archive' and replace with navigation category links

[nailcrazy]

hI im back and aways with somehting I hope you can help with :]] hope everyone is safe and happy.

so on my website we cater to pro nail pros and we have lots and lots of produts and lots of categires etc…

For many years i am always trying to see how i can improve it from a user point of view and of course I cheat a bit by looking at my colleagues in the UK who have a much bigger market and budget. so their website is also what i would love mine to be.

Sadly i can not afford to have a whold team of coders so i have to do the job myself - which bring s me here when i am stuck .

So my ask is hopefully not a big deal . …
The image below i my wesite … i would love to remove ‘’ Category archaive . . below you will find a list of alll items bla bla bla categorized as 'nails ‘’

I and would love to replace this with a simple ‘Nothing’ . . excet like in this websitw where it shows nothing and just on the left the actual shop links which are separte and allow the user to click there to go back or forward as they need.

Also if you see on the left - there is an attribuite or Category set up in exactly the same way .
How is that done - ?
Thanks

thanks
andrew

[nailcrazy]

ps i know its not an easy job :]]

[ruenel]

Hello @nailcrazy,

Just for future topics, self responding or bumping your post pushes it back in our Queue system so it takes longer to respond to. We provide support to our customers 24/7/365 in the Support Forum. Support questions are answered in the order received and responses may take up to 24 hours (typically sooner). Complex questions or busy times may take longer.

There is no option in the theme that allows you to remove the display of the Landmark header in the category pages. It will be displayed throughout the site. You need to add CSS code into X > Theme Options > CSS to be able to hide it on the archive pages.

You need to use the Google Chrome Developer Toolbar to check the live HTML code and find which CSS selector you need to use.

The landmark header container use x-header-landmark class and body element of the archive uses archive CSS class. Therefore a proper CSS selector for hiding the landmark header in the archive only will be:

.archive .x-header-landmark {
    display: none;
}

Feel free to add whatever CSS code you like inside the selector. I added a display: none to hide the element. To learn more about the “display” css property, please check this out: https://www.w3schools.com/cssref/pr_class_display.asp

The points above will be a good starting point and if you are interested you can learn more about CSS selectors and details here

If you are more interested in having control over all aspects of the header I suggest that you consider the Pro theme which has a Header builder and you can use various elements to create a footer.

Kindly check the Elements section of our documentation to learn more on which elements you can use on Pro Header/Footer builders.

Thank you.

[nailcrazy]

big thanks for all your help i will certainly give the above a try and see where ican get to. :]]]]]
`as far as using XPro . .i got X before X pro exisited ahahha so i m jealous of others to have X pro.

I dont know the ins and outs but im happy to get X pro if i know if it help me make a more up to date professional website i m certainty very interested … ( to the best of my knowledge ) x pro is where i have to build everythigng myself from scratch ??

or get an expert to do the job… because my buisiness is ongoing. . ( small as we sell professional products for nail professionals ) so we are not like Amazon ( sadly )

and whatever i do i have to be able to keep my ccurrnet woocommece still going online all the time and i dont know how to do that.

( in my mind i would have to set up X pro on a different wordress and build the website . .and then i dont know how to get the old woocommce connected to the new xpro )

I dont know if maybe i could import the old shop into the new shop or website ) - so a lot of if’s which i dont know how to solve so maybe i will just stay with x and keep that going…

I would love to know if there is a proper way to switch to pro without stopping my business or downtime more than a day i think.

Also . . if you are interested to help me . .
I kindly asi you to visit the website of my college in the UK. - they are called sweetsquared

If you can have a look and see what i am after maybe you can tell me if xpro can get to me like this - im very interested to switch.

(as the brand we represent are a Revlon company that we need to have a way to get new products on and blogs set up fast and changeing every seaon with the fashnion ( at the same time i need a website that works flawless and gives the user the ability to find what they need fast.

big thanks to all :]]

andrew

[ruenel]

Hey Andrew,

Before considering to upgrade to the Pro theme, please check out this documentation first:

• https://theme.co/docs/the-difference-between-x-pro
• https://theme.co/docs/converting-from-x-to-pro

I have checked the Sweet Squared site. Yes, the site can be easily replicated using the Pro theme. You can use the header builder to copy the header as well as the footer area. With the Pro Editor, you can also copy the pages you want to create. For the archive pages, that’s where the Layout Builder is handy thus, creating your own archive page with those landmark header that you were trying to get rid of when using the X theme.

We highly recommend that you go and check our videos to get more familiar with the Pro theme.

Themeco 101: A Guided Tour of the Builder

Hope this helps.