I have weather coding and date coding in the header of my website, ysblade.com. I would like to move both items directly under the Your SOURCE logo or above the logo on the left where “IT HELP LINE ext. 6219” is located.
Can this be done?
I have include my login credentials, so you can look at the site directly.
Thank you.
kfranck
Hey Kurt,
Thanks for giving your login details, I have modified your site and added this in Quick CSS (located in Enfold > General Styling):
@media only screen and (min-width:768px) {
span.header_date {
position: absolute;
left: 0;
top: -38px;
}
.header-scrolled .container.av-logo-container {
margin-bottom: 36px !important;
}
#header #wp-forecast-2 {
margin: 0 auto;
padding: 0 50px!important;
width: 100%;
max-width: 1310px;
position: static;
transform: translate(0);
}
#header #wp-forecast-2 > div:not(.wp-forecast),
#header #wp-forecast-2 h3.widgettitle,
#header #wp-forecast-2 .wp-forecast-curr-details {
display: none !important;
}
#header #wp-forecast-2 .wp-forecast-curr,
#header #wp-forecase-2 .wp-forecast-curr-head,
#header #wp-forecase-2 .wp-forecast-curr-details {
height: 0;
padding: 0 !important;
}
}
Let us know if it’s good :)
Best regards,
Nikko
Nikko:
That looks terrific. You are so helpful. Thank you.
Kurt