Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #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 place

    Advice on the above points would be very much appreciated in order to get me going again.

    Many thanks again and best regards

    #1247866

    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

    #1251367
    This reply has been marked as private.
    #1251875

    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

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.