Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 12, 2018 at 7:24 pm #941099
    onedesignprint

    Hi

    I would like to set up the header similar to https://eastsideco.com

    1. So logo is in the middle
    2. Burger menu comes in from the left
    3. ‘GET IN TOUCH’ is on the right in level with logo
    4. A full screen contact form appears when you click on ‘GET IN TOUCH’

    Thanks
    ODP

    April 13, 2018 at 3:09 pm #941534
    Victoria

    Hey onedesignprint,

    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

    
.html_header_top #top .av_logo_right .logo {
    left: 40%;
}

    As for the form in the overlay, unfortunately, it would require quite some time and customization of the theme to achieve this, so I am sorry to tell you that this is not covered by our support. However, if it’s really important for you to get this done, you can always hire a freelancer to do the job for you :)

    If you need further assistance please let us know.

    Best regards,
    Victoria

    April 16, 2018 at 11:39 am #942521
    onedesignprint

    Hi Victoria

    Thats great, logo now in the middle.

    Totally understand about the overlay form.

    How about the following, is this something you can help with?

    2. Burger menu comes in from the left
    3. ‘GET IN TOUCH’ is on the right in level with logo

    Thanks
    ODP

    April 18, 2018 at 2:46 am #943337
    Ismael

    Hi,

    Thank you for the update.

    1.) You can use the following css codes to change the mobile menu’s transition start.

    .html_av-overlay-side .av-burger-overlay-scroll {
    left: 0;
}

.html_av-overlay-side .av-burger-overlay-scroll {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

    2.) Create a custom header widget instead of using the phone field.

    // https://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/

    Best regards,
    Ismael

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