Hi, how can I create a header layout like this? I would appreciate your help as I have tried your custom templates but was unsuccessful.
If you could provide me with the code for that style, I would appreciate it.
Hello,
You can create a header template like this -> https://www.screencast.com/t/yOrQi9V0E
Thank you!
Incredible, thank you very much for your great help, the truth is that your support and collaboration is first rate and very professional.
I have other doubts, I list them in the image and I will detail them here:
1- How can I reduce the height of the main menu container in the template settings or using CSS?
2- How can I make the white line of separation of the menu reach the height of the container and the categories are closer together?
3- Adjust the weather option, but the temperature is not correct for my country.
I attach the image.
This is an example of what I am looking to achieve, I appreciate your help in advance.
Hello,
1. Unfortunately, I don’t understand what you mean be reducing the height, can you be more specific?
2. You can set the separator size like this https://i.imgur.com/7fTqcKq.png but you can’t do it fully like the background color and the space between elements ->https://i.imgur.com/xyffUZ0.png
3. You can find more information about the weather here -> https://forum.tagdiv.com/weather-widget/ you need to set the API for your location.
Thank you!
1- Hello, in the first section what I want to know is how I can reduce the height of the menu bar, I need to be able to achieve it. https://prnt.sc/26a2c0o
2- I need some CSS that allows me to bring the white line that separates the menu to cover the height of the container.
Hello,
1. You need to set the font size and line-height for the main menu -> https://i.imgur.com/O6m3rYE.png
2. You can set an extra class on the menu like this -> https://i.imgur.com/AP3dTRr.png and remove the separator -> https://i.imgur.com/zHxomxa.png and use this custom code CSS -> https://i.imgur.com/4NIdJUD.png you can set the code in Live CSS editor or in the theme panel > custom code> custom css.
.menu-class li {
border-right: 2px solid #000;
}
.menu-class li:last-child {
border-right:0;
}
Hope this helps you!
Thank you!
Hello, thank you very much for your help.
Greetings.
Hello,
this link is not working for me
https://forum.tagdiv.com/weather-widget/
What I am trying to find is if the weather widget of the header can be set to automatically show the location of the visitor.
Best
Ivan
Hello Ivan!
Copy and paste the link in a new tab of your browser.
Yes, automatically on a click of the button. Check this video and see how it is working: https://www.screencast.com/t/F4kyIlwK2fu
You can try on this demo too: https://demo.tagdiv.com/newspaper_black_pro/
Thank you!
