Hello! I'm looking to make a secondary header on new.aegiscgi.com look similar to the one that I've attached. Can you please provide a code/advice that I could use to make this happen? (*with the small following adjustments*) 1) Instead of saying "get free estimates" can we please say "Request Free Inspection" 2)Can we change the social links to facebook, instagram, our google page & linkedin? If you provide a base for the code I think I can fill in the rest such as linking the pages. Thank you so much! :)
1. Thank you for your answer, however I couldn't get that to work for me. I basically just want to make my header look like the header in the screenshot I attached and I'm really short on time. Is there anyway to do this?
2. The screenshot attached has four social icons in the header (links) twitter, facebook, youtube & G+. I would like to have the same header as in the attached screenshot, however I would like those four social icons to be replaced with facebook, instagram, linkedin & google.
Thanks Andrew! I was able to accomplish this. The social media icons were originally on the left hand side, so I coded them over to the right hand side using this css.
@media only screen and (min-width:1000px){ body #header-secondary-outer #social { float: right !important; }
Ideally, I would like to achieve the same look as in the screenshot.
However, I understand why that may be difficult, so I coded this underneath previous code to go with a new look
body #header-secondary-outer { background-color: #620000!important; }
to change the background color of the secondary header.
I would like to accomplish two/three more things from this though, please, if you could further advise..
1) I would like "CHICAGOLAND'S PREMIER LOCAL CONTACTOR" on the far left side
2) I would like a button on the far right side that says "Request Free Quote". (I would like the social media icons before the button, please reference the screenshot)
3) I think there's more height to the secondary header in the referenced screenshot, so if there could be some padding in the suggestions/advice as well.
Me again, I've been trying for the longest to figure this out as well.. How do I make the font in the secondary header white? *UPDATE* I was able to change this within the settings, thank you.
Hello! I'm looking to make a secondary header on new.aegiscgi.com look similar to the one that I've attached. Can you please provide a code/advice that I could use to make this happen? (*with the small following adjustments*) 1) Instead of saying "get free estimates" can we please say "Request Free Inspection" 2)Can we change the social links to facebook, instagram, our google page & linkedin? If you provide a base for the code I think I can fill in the rest such as linking the pages. Thank you so much! :)
Hi Pisko,
1. You can translate using loco translate plugin https://wordpress.org/plugins/loco-translate/ or say what plugin https://wordpress.org/plugins/say-what/.
2. Please elaborate what you mean by changing the links.
Thanks.
Hello!
1. Thank you for your answer, however I couldn't get that to work for me. I basically just want to make my header look like the header in the screenshot I attached and I'm really short on time. Is there anyway to do this?
2. The screenshot attached has four social icons in the header (links) twitter, facebook, youtube & G+. I would like to have the same header as in the attached screenshot, however I would like those four social icons to be replaced with facebook, instagram, linkedin & google.
Thank you for your time
Hi Pisko,
You need to use header with secondary navigation.
Enable social icons in Salient > Header navigation > Layout related. The icons is moved to secondary header bar automatically.
Kind regards.
Thanks Andrew! I was able to accomplish this. The social media icons were originally on the left hand side, so I coded them over to the right hand side using this css.
@media only screen and (min-width:1000px){
body #header-secondary-outer #social {
float: right !important;
}
Ideally, I would like to achieve the same look as in the screenshot.
However, I understand why that may be difficult, so I coded this underneath previous code to go with a new look
body #header-secondary-outer {
background-color: #620000!important;
}
to change the background color of the secondary header.
I would like to accomplish two/three more things from this though, please, if you could further advise..
1) I would like "CHICAGOLAND'S PREMIER LOCAL CONTACTOR" on the far left side
2) I would like a button on the far right side that says "Request Free Quote". (I would like the social media icons before the button, please reference the screenshot)
3) I think there's more height to the secondary header in the referenced screenshot, so if there could be some padding in the suggestions/advice as well.
Thank you for all of your help, I appreciate it!
Me again, I've been trying for the longest to figure this out as well.. How do I make the font in the secondary header white? *UPDATE* I was able to change this within the settings, thank you.
Hi Pisko,
1. Please try this css:
#header-secondary-outer .nectar-center-text a {float: left;
margin-left: -232px;
}
2. I am afraid the Button Styling still does not apply to the Secondary Header.
3. Please try this css:
.material #header-secondary-outer {min-height: 76px;
}
Thanks.
Thanks Andrew, I tweaked the numbers and it worked perfectly! I appreciate all of your help!