-
AuthorPosts
-
September 23, 2020 at 10:55 am #1247815
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 placeAdvice on the above points would be very much appreciated in order to get me going again.
Many thanks again and best regards
September 23, 2020 at 1:57 pm #1247866Hey 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,
VictoriaOctober 8, 2020 at 10:56 am #1251367This reply has been marked as private.October 10, 2020 at 2:53 pm #1251875Hi 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 -
AuthorPosts
- You must be logged in to reply to this topic.
