Home Forums Meteorite Fully transparent menu/topbar borders

This topic is: resolved

This topic contains 5 replies, has 2 voices, and was last updated by  Terra Themes 1 month, 3 weeks ago.

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

    wp-vc
    Participant

    Hi there,

    Is there a way to remove the border lines around the header/topbar to make the header section completely transparent w/o distracting lines? I’ve tried different color settings for the menu border but no matter which I chose, the lines are still visible on the image which isn’t visually appealing in my case. Any additional CSS code for this?

    Many thanks in advance!

    #1015

    Terra Themes
    Keymaster

    Hi @wp-vc,

    you can use this custom CSS to set all header borders to transparent.

    .nav-container, #mobile-menu, .topbar, .topbar .topbar-nav li a, .topbar .topbar-nav-left ul li a, #main-nav .mega-menu > ul > li > a {
      border-bottom: 0px solid transparent;
    }

    Let me know if this works for you.

    #1016

    wp-vc
    Participant

    This works just fine, thanks for your swift support!

    Does the same work for the footer border line (between footer and footer widget)?
    Sorry, I noticed this only now.

    Thank you

    #1017

    Terra Themes
    Keymaster

    Thank you for the feedback.

    If you want to remove the border from the footer, use this CSS.

    .site-footer {
      border-top: 0px solid transparent;
    }
    #1018

    wp-vc
    Participant

    Works fine, thanks!

    #1019

    Terra Themes
    Keymaster

    Alright, you’re welcome. I’ll mark your topic as resolved. Feel free to ask any further question in another topic.

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

You must be logged in to reply to this topic.