Hi, i want to move my header widget (contact: 123) to middle align with logo area, how can i do that? What css should i use?
Please advise.
Hey swotmarketing,
1. For the below code to work please use the header settings
Enfold > Header > Header Layout > Menu and Logo Position > Logo left, Menu right
2. Disable script merging and clear the cache.
3. Add the CSS code in the below link to your child theme.
4. Create a header widget area.
5. Add an image/text widget to the newly created header widget area.
https://pastebin.com/raw/sWjYqa4g
Change the value of justify-content to flex-start for “Header inner container”
/* Header inner container */
#top #header #header_main .container.av-logo-container .inner-container {
justify-content: flex-start;
padding: 10px;
}
Best regards,
Vinay