Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 3, 2017 at 9:00 am #728878
    browntodde

    Hey there –

    Probably a basic question but I searched the forum best I could and didn’t find the answer so I’m hoping someone here can help.

    I’m just looking to reduce the white space around my logo on this page: http://toddbrownservices.com

    While I’m at it, any way to move the social and phone number from the top to the extreme right of the menu bar? Or even on the right side of the white logo space if easier.

    Thanks in advance!
    Todd

    January 3, 2017 at 11:26 am #728915
    Nikko

    Hey Todd,

    Try adding this code in Quick CSS (located in Enfold > General Styling):

    #header_main #text-2 {
    display: none;
}

#header_meta {
    position: absolute;
    right: 0;
    background: #fff !important;
}

#top #header_meta a, 
#top #header_meta li, 
#top #header_meta .phone-info {
    color: #333;
}

    Just adjust the values as you see fit. Hope this helps :)

    Best regards,
    Nikko

    • This reply was modified 7 years, 10 months ago by Yigit. Reason: corrected a typo
    January 3, 2017 at 7:01 pm #729106
    browntodde

    Thanks Nikko! Just so I’m clear, is this code meant to allow adjusting the padding around the logo AND put the phone number/social icons in the same space as the logo? Using the code ‘as-is’ it got rid of the top bar that had the phone and social icons but did not seem to change the padding or relocate the phone/social. I’ll do some research on how to adjust the code you sent but just wanted to know what the intention was.

    Thanks so much for your help!

    Todd

    January 3, 2017 at 10:24 pm #729184
    Yigit

    Hi,

    It seems like you referred to this post – http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/ and added widget area to your header but since it is currently empty, causing whitespace above your logo. Please remove it.

    To move your extra elements to the right side, please go to Enfold theme options > Header > Extra Elements and choose to display your elements on the right side.

    Best regards,
    Yigit

    P.S.: There was a small typo in Nikko’s code. I corrected it. Please try it now and it should work

    January 4, 2017 at 6:11 am #729283
    browntodde

    You are correct about the widget, thanks for pointing that out! I disabled that and the top white space reduced. I will play with the code and see how my limited knowledge of CSS does with it :) By reversing the colors I at least got it to appear inside the logo block so its a start. I think it actually looks pretty nice whether intentional or not.

    One strange thing though. Any idea why the social icons and phone number would be one way on a certain browser but reversed on others? Chrome is correctly showing the social on the right but Safari and Firefox have it on the left. I’ve cleared the cache on all to make sure but it’s still different. No big deal but I am curious.

    Thanks!

    January 4, 2017 at 1:25 pm #729386
    Yigit

    Hi,

    Please flush cache in your caching plugin as well. It does show up fine on my end on Chrome as well when i check it on incognito mode :)

    Best regards,
    Yigit

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