Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #222630

    Hey guys,

    When I attempt to delete the top navigation with
    #header_meta { display: none!important; }

    It also removes the phone number. I already relocated the phone number alongside of the social icons so I’m hoping theres a simple fix to keep the phone number there but see the top navigation get removed as I don’t need it.

    Thanks!

    • This topic was modified 8 months, 1 week ago by  jmikhail.
    #222782

    Hey jmikhail!

    Please try adding following code to Quick CSS in Enfold theme options under Styling tab

    #header_meta { margin-top: -30px; }

    and post the link to your website if that does not work

    Best regards,
    Yigit

    #222892

    Hey Yigit,

    I’m currently working on the site via Mamp. I added in that and it didn’t work the phone number just disappeared along with the top navigation grey bar.

    This is how my header looks right now: https://www.evernote.com/shard/s77/sh/9c679ed9-c898-4326-92dc-98378895de09/ebeaeceae08f14c70a4072a457952561

    Here is my Source Code: https://www.evernote.com/shard/s77/sh/e024fc17-7e59-42a0-b271-5c72cd95da24/f0b19a8ecd14e529d9a9e7485bf0d387

    Current quick css:

    
    .phone-info {
    font-size: 14px;
    }
    #footer h3 {
    color: black !important;
    }
    .phone-info {
    padding-top: 62px;
    margin-left: -30px;
    }
    .sub_menu { right: 12%; }
    #top .social_bookmarks li { font-size: 19px; }
    .header_color .main_menu ul:first-child > li.current-menu-item > a, .header_color .main_menu ul:first-child > li.current_page_item > a { color: #c3512f!important; }
    .main_menu ul:first-child > li > a:hover { color: orange!important; }
    
    .avia-menu-fx { display: none; }
    #header_main_alternate, .bottom_nav_header.social_header .main_menu ul:first-child {
    background: #494949;
    }
    .bottom_nav_header.social_header .main_menu ul:first-child>li a {
    font-size: 16px; font-weight: 700; font-family:'Lato';
    }
    .bottom_nav_header.social_header .main_menu ul:first-child > li a {
    color: white;
    }
    #header_main_alternate .container, .main_menu ul:first-child > li > a {
    height: 55px  !important;
    line-height: 55px  !important;
    }
    .bottom_nav_header.social_header .main_menu ul:first-child>li a {
    border-right-style: none!important; } 
    .bottom_nav_header.social_header .main_menu ul:first-child>li:first-child a {
    border-left-style: none!important; }
    body {
    font-size: 14px;
    }
    #top .social_bookmarks li a {
    color: #c3512f;
    }
    

    Thanks a lot, this support team is the best.

    #223013

    Hey!

    Please try adding following code

    #header_meta .container { margin-top: -30px; }

    I have added your custom CSS codes and added this one and it works fine on my installation. Please flush browsers cache after applying the code

    Regards,
    Yigit

    #223031

    That did the trick, only thing I had to do was make sure I didn’t include
    #header_meta { display: none!important; }

    I did it successfully with:

    
    #header_meta { margin-top: -30px; }
    #header_meta .container { margin-top: -30px; }
    

    Thanks Yigit, I’d buy you a beer if I could lol.

    #223039

    Hey!

    I thought you removed

    #header_meta { display: none!important; }

    when it did not work. You can use one of two lines that are working. It should still work.
    You are welcome, glad we could help! :)

    Regards,
    Yigit

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.