Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 30, 2014 at 12:40 pm #297672
    Rustybucket

    Hi there

    We made some changes using custom css to increase the size of the top grey bar (where the social icons are). CSS below. A side effect of this is a semi-transparent area below the navigation covering the slider. I haven’t been able to find a fix for this as scrolling changes the size of the navigation area dynamically. Can you help?

    .social_bookmarks {float: right;}
    .sub_menu {left: 0 !important; right: auto !important; font-size: 110% !important; margin-top: -6px !important;}
    .social_header .phone-info span {padding: 0 !important; margin: 0 !important; color: white;}
    #header_meta {min-height: 50px;}
    #top .social_bookmarks {height: 50px !important;}
    #top .social_bookmarks li {width: 50px !important;}
    #top .social_bookmarks li a {font-size: 150%; padding: 9px; color: white; width: 50px; min-height: 50px;}
    .social_header .phone-info {font-weight:200;}

    Cheers

    July 30, 2014 at 12:44 pm #297677
    Yigit

    Hi Rustybucket!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .fixed_header.social_header #main {
padding-top: 167px;
}

    Best regards,
    Yigit

    July 30, 2014 at 1:41 pm #297702
    Rustybucket

    Brilliant – superb support once again :)

    Thank you.

    July 30, 2014 at 1:46 pm #297706
    Yigit

    Hi!

    You are welcome Rustybucket, glad if we could help :)

    Cheers!
    Yigit

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘A semi-transparent area below the navigation covering the slider’ is closed to new replies.