Hello, how are you?
I hope you are well
I want to ask, how to create a header/menu like https://www.mrbuzz.com/
Is it use image background?
Or use two different colors?
Screenshot: http://nimb.ws/09rcNM
Thank you
Hello,
The standard background of the header on the site in question is yellow and then there is a custom css element added as a :before pseudo-element with a custom css shape added.
There are many css shape generators online: https://css-tricks.com/examples/ShapesOfCSS/
Thank you!
I see…
It’s works.
Thank you
Hi, I would like to do this too, but I can not figure out how to do it, can you help me?
Thank you very much
Hello,
You will need css skills to do it. If you do not have the proper skills you will need to hire a developer to help out as we cannot offer any custom work at the moment. Sorry
Thank you!
thanks for the reply, I just need to know in which div of the header I have to go to customize the css, I would be grateful if you can only give me this information.
thank you
Hi, ghostmi
Add this code to Theme panel > Custom Code > Custom CSS
.td-header-menu-wrap:before {width: 70%; height: 100%; background: black; margin-left: 30%; top: 0px; left: 1px; clip-path: polygon(5% 0, 100% 0, 100% 100%, 0% 100%);}
Thanks
hello fikrizaky2711, meanwhile many thanks for your availability, I added your code as pictured here:
https://s8.postimg.cc/jny8qcrdx/Senza_titolo-1.jpg
but nothing has changed.
the site where I am testing is visible at the link https://goo.gl/xu7CEM
what am I doing wrong?
hello and thanks again
hello, someone could tell me why the same change suggested by fikrizaky2711 on this site https://goo.gl/Z7MAFV works, but on this https://goo.gl/9PdzH9 no?
Hi,
The code is not strong enough, try it like this
– https://www.screencast.com/t/if6gb00Kl
.td-header-menu-wrap:before {
width: 78%!important;
height: 100%!important;
background: black!important;
margin-left: 22%!important;
top: 0px!important;
left: 1px!important;
clip-path: polygon(5% 0, 100% 0, 100% 100%, 0% 100%);
}
thank you so much Simion, so it works
