Viewing 29 posts - 1 through 29 (of 29 total)
  • Author
    Posts
  • August 1, 2016 at 10:09 pm #667480
    robertscott

    Hi Guys,

    I’m busy creating a new design for my agency site and need a little help.

    See private section for site we’d like to look like.

    I need to edit the logo positioning on my own site too.

    Thansk

    • This topic was modified 8 years, 4 months ago by robertscott.
    August 5, 2016 at 6:28 am #668844
    Ismael

    Hey robertscott,

    Thank you for using Enfold.

    Disable the Enfold > Header > Header Behavior > Let logo and menu position adapt to browser window option. We can then adjust the top margin with css.

    Best regards,
    Ismael

    August 9, 2016 at 8:04 pm #670514
    robertscott

    Hi ismael

    Can you help out now with this: Ive added the logo etc. Need to add a new line to have the email and contact number with the social icons.

    The logo isnt positioned where I need it.

    August 11, 2016 at 1:09 pm #671290
    robertscott

    Anyone?

    August 12, 2016 at 11:01 am #671788
    robertscott

    Has support gone on holiday?

    August 12, 2016 at 5:21 pm #671923
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .logo {
    margin-top: 20px;
}
.header-scrolled .logo {
    margin-top: 0;
}

    Then please refer to this post – http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/

    Best regards,
    Yigit

    August 12, 2016 at 5:34 pm #671939
    robertscott

    Yigt that just created a 500 server error!

    August 12, 2016 at 5:45 pm #671945
    Yigit

    Hi!

    Are you sure you have added that to style.css file or Quick CSS field?
    Custom CSS code goes into CSS file and CSS files do not cause errors on your server.

    If you would like us to look further into it, please post FTP logins and WP admin logins here privately.

    Best regards,
    Yigit

    August 12, 2016 at 5:50 pm #671958
    robertscott

    Sorry Yigit I meant the adding widgets ti header. That caused the error.

    My host is looking into it now.

    August 12, 2016 at 5:52 pm #671960
    Yigit

    Hi!

    Alright. Simply going to wp-content/themes/enfold/functions.php file via FTP and removing the code would help.

    Best regards,
    Yigit

    August 12, 2016 at 6:07 pm #671972
    robertscott

    Hi YIgit,

    Sorted now. Just realised that code wa salready there to add widgets to header.

    August 12, 2016 at 6:08 pm #671975
    robertscott

    The logo still needs to move a little left.

    Also adding icons to menu items?

    August 12, 2016 at 6:09 pm #671981
    Yigit

    Hi!

    Glad you figured it out!
    Shall we mark the thread as resolved and wish you a good weekend? :)

    Please add following code to Quick CSS as well

    .container.av-logo-container {
    padding: 0 30px;
}

    You can insert shortcodes and HTML code into navigation field in Appearance > Menus

    Cheers!
    Yigit

    • This reply was modified 8 years, 4 months ago by Yigit.
    August 12, 2016 at 6:34 pm #671998
    robertscott

    Hi Yigit,

    The icons ideally we can use the font awesome icons? Is there a way to use those aloingside menu items?

    August 15, 2016 at 5:36 pm #672814
    robertscott

    Hi Yigit,

    Can yo help Change line height of h1 text? it needs to be 50px

    thanks

    August 15, 2016 at 6:30 pm #672829
    robertscott

    Hi Yigit,

    I added a header widget area but it needs adjusted to move to the right, and a space between the phone number and the email.

    Also we need the font changed to match the menu.

    Thanks

    August 16, 2016 at 2:32 pm #673264
    Andy

    Hi,

    use this code inside Quick CSS field:
    move to right:

    div#text-4 {
right: -227px;
}

    more space:

    i.fa.fa-envelope-o {
margin-left: 20px;
}

    and adjust as needed.

    Best regards,
    Andy

    August 16, 2016 at 2:47 pm #673285
    robertscott

    Hi Andy,
    Great thanks.

    Whats the best way to increase the space between the main menu items and the tel number ect below?

    And have the social icons along side the email. Best to add the social icons in a header widget too?

    August 16, 2016 at 2:56 pm #673297
    Andy

    Hi,

    add a top value to my code:

    div#text-4 {
top: 20px;
}

    and adjust as needed.

    You can move social icons with this:

    ul.noLightbox.social_bookmarks.icon_count_4 {
top: 110px !important;
}

    Best regards,
    Andy

    August 16, 2016 at 4:06 pm #673323
    robertscott

    Hi Yigit/Andy

    I’ve added the header widget and have it looking good.

    However when you scroll the header shrinks but the widget data scrolls with.

    See private of how it should act and my site.

    August 18, 2016 at 2:27 pm #674191
    Andy

    Hi,

    unfortunately this won’t be easily possible and for this job you would need to hire a freelance developer, as it would require heavy customization of the theme.

    Best regards,
    Andy

    August 18, 2016 at 2:34 pm #674194
    robertscott

    Hi Andy,

    What else can you you suggest? Is there a way to stop the header widget scrolling with the page?

    August 18, 2016 at 10:41 pm #674390
    Andy

    Hi,

    try to hide it when you scroll using this code inside Quick CSS field:

    .header-scrolled #text-4 {
display: none;
}

    Best regards,
    Andy

    August 19, 2016 at 7:24 pm #674847
    robertscott

    Hi Andy,

    Great that worked. I’ve added in some additional social icons in the header widget to appear to the right of the email in the header but they are appearing left and not in line.

    Can you help?

    August 22, 2016 at 2:14 pm #675745
    Andy

    Hi,

    Would you mind posting us a screenshot/mockup of what you would like to achieve? You can upload the screenshot to imgur.com or dropbox and share the link here :)

    Best regards,
    Andy

    August 22, 2016 at 2:18 pm #675748
    robertscott

    Hi Andy,

    See imgur url in private

    August 22, 2016 at 3:12 pm #675796
    Andy

    Hi,

    try this code:

    #text-4 img.size-full {
top: 30px;
left: 500px;
}

    and adjust as needed.

    Best regards,
    Andy

    August 23, 2016 at 3:29 pm #676470
    robertscott

    Hi Andy,

    Great. Although when you start to scroll you can see the social icons scroll a little further than the email and the tel number

    August 24, 2016 at 4:24 pm #677095
    Andy

    Hi,

    this won’t be easily solvable unfortunately. Maybe you can try to build a second header widget instead and implement your social icons inside of it.

    Best regards,
    Andy

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