Hi,
I´m trying to add a button to the header which appears to be easier said than done. I´ve followed the steps from this article https://kriesi.at/documentation/enfold/header/ and then from this article https://kriesi.at/documentation/enfold/add-button-elements-to-your-header/ which has got me to the point I´m at now which can be seen in the link below. I now have the following issues:
1. I need the writing next to the logo on the left to stretch across the page rather than be stacked on top of each other
2. I need the email address on the right to be aligned with the button above it
3. The menu covers up nearly the whole image rather than sitting above it
4. Viewed on a mobile screen the header is all over the place
Advice on the above points would be very much appreciated in order to get me going again.
Many thanks again and best regards
Hey Levante,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (max-width: 989px) {
.responsive #top #header #header_main .inner-container .widget:nth-child(3) {
order: 3;
flex-basis: 20%;
margin-left: 00px;
font-size: 30px;
}
}
@media only screen and (max-width: 989px) {
.responsive #top #main,
.responsive.html_mobile_menu_tablet.html_header_top #top #main {
padding-top: 315px !important;
}
}
If you need further assistance please let us know.
Best regards,
Victoria
Hi Levante Golf,
I could not get the width of the widget to allow text to stretch, you can try playing with the css.
Best regards,
Victoria