HOW TO RECREATE THE https://theme.co/x/ SITE DESIGN

Hello and congratulations for your wordpress theme X.

I want to use the gray navbar design on https://theme.co/x/.
I tried to reproduce it without success via the Integrity stack.

I can not configure the navbar in the same way.

Should I take another stack?
How do I proceed ?

Thank you for the indications that will allow me to unlock the situation.

This is how I would attempt it.

I’ve only ever used Integrity and it would work with this.

pages > create page > click gear icon > page attributes > change template to Blank - No container | Header, Footer

create header > create 4 bars in header > make the last bar a sticky bar

Now, I’m sure there is an easier way of doing this, I’m not sure how they did it added vertically stacked elements. Every element I add goes in a horizontal direction. The big image is used as a background, keep that in mind. What you could do is put the “version 6” text in the first bar and align it to the right. Add an image as your logo in the second bar and align it to the center. Add “The ultimate wordpress theme” to the third bar and keep it aligned to the left. Create your menu in the last bar. Then go to each bar and adjust the height until it looks like the x theme website. To get the background I would splice up the image into the exact sizes of each bar in the header, so it seems like the background image is seamless. You would need to have a good understanding of Photoshop to do this though.

That’s how I would do this if there was no way to make the elements stack on top of each other vertically.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.