Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • January 24, 2016 at 8:46 pm #570884
    hasbeat

    Hello,

    I`d like to make the following alterations to the Construction demo:

    1) Add a textfield in logo area (exactly at the place of social profile icons)
    No social profiles, Menu and Logo Position: Logo left, Menu below

    2) Change pill-shaped buttons to rectangular shape

    Could you please help me in that matter? Thank you.

    Best

    January 25, 2016 at 3:01 am #570999
    Elliott

    Hey hasbeat!

    1. You can use the phone info setting for that. It’s in Dashboard > Enfold > Header > Extra Elements.

    2. Add this to your custom CSS.

    .social_bookmarks, .social_bookmarks * {
    border-radius: 2px !important;
}

    Cheers!
    Elliott

    January 25, 2016 at 9:58 am #571172
    hasbeat

    Hello Elliott,

    Thanks for your message. Please see the attached file and link for further
    explanation.

    Best

    January 25, 2016 at 10:43 am #571202
    hasbeat

    Elliott, there is another thing I forgot to mention:

    On subpages we use below the headings the Separator / Whitespace element –
    style of horizontal line is custom.

    When reducing the size of the screen to ipad size or smaller this horizontal line
    overlaps the text section below.

    January 26, 2016 at 4:12 am #571848
    Elliott

    Hey!

    Send us a WordPress login and we’ll take a closer look.

    Regards,
    Elliott

    January 26, 2016 at 10:42 am #572005
    hasbeat

    Hi Elliott – please find below the login details. Thanks!

    January 27, 2016 at 7:25 am #572635
    Rikard

    Hi,

    Please try the following in Quick CSS under Enfold–>General Styling:

    @media only screen and (max-width: 1024px) {
.avia-builder-el-1 {
margin-bottom:auto !important;
}
}

    Best regards,
    Rikard

    January 27, 2016 at 10:47 am #572728
    hasbeat

    Hi Rikard,

    Thanks for the code snippet!

    Is there any chance to replace to social icons in the logo area by a text field
    (at the exact spot)?

    January 28, 2016 at 6:18 am #573499
    Ismael

    Hey!

    Please go to the Enfold > Header panel then look for the Extra Elements tab. Disable the icon then use Phone Number or small info text field. You can use html tags on that field.

    Regards,
    Ismael

    January 28, 2016 at 10:06 am #573583
    hasbeat

    Hi Ismael,

    Thanks for your response. Using the Phone Number or small text field solution
    creates an subarea above the logo. However, my clients would like a text field
    on a level with the logo (in our case: logo is flush left, the text field flush right).

    January 29, 2016 at 6:49 am #574338
    Ismael

    Hey!

    Alright. Please follow the instructions on the following link: http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/

    Best regards,
    Ismael

    January 29, 2016 at 7:56 am #574356
    hasbeat

    Ismael – Great, thank you!

    February 1, 2016 at 5:09 am #575528
    Ismael

    Hi!

    Sure thing. Let us know if you need anything else. :)

    Cheers!
    Ismael

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Enfold Construction – Alterations’ is closed to new replies.