Remove top border on top menu

rarch47 · February 2015

Hey how do I remove the top border on the top menu bar?

I've tried getting into the Google Chrome inspector and making css customisations on the menu wrapper and the ul id menu-main-menu but nothing is working out for me. Link to the page below. The line is jus thin light grey line above the top menu.

http://in-style.com.au/kawana/about-us/

Albert · February 2015

Please make a screenshot of what you mean so we can give you right css.

jomewcreative · February 2015

I have a similar issue. There is a graduated grey border under the breadcrumb. f0f0f0 / f7f7f7 / fcfcfc (top to bottom) More like a shadow than a border. Is there anywhere to turn this off?

Also, I'm using 'Below Slider' for my 'Header | Style' as the homepage needs a slider at the top. I want my site to look like the demo DJ. http://themes.muffingroup.com/be/dj/#concerts

On my content page using 'Default' template, my site is showing 152px black solid area above the main navigation. The navigation should be at the very top of the page. Do you have a fix? I can't provide a screenshot as the site is password protected so here is a sample:

Albert · February 2015

@jomewcreative This is subheader shadow and if you want to remove this, please use below css then:

#Subheader:after { display: none; }

About other issues, please send us screenshots of what you mean with url to your website.

jomewcreative · February 2015

Here is a link: http://www.jomewcreative.com/our-clients/sample.jpg

Albert · February 2015

@jomewcreative We have no idea where from this section comes. So without url to page where this happen we won't be able to help.

rarch47 · February 2015

Here is some clickbait http://in-style.com.au/kawana/bait-gas-ice/

There is a thin very small grey line that appears above the menu and after my modified logo div.

rarch47 · February 2015

Actually I provided a link before. Did you want me to screenshot it and highlight the area (photoshop it) to show you where the line comes in?

Albert · February 2015

@rarch47 Yes, please make a screenshot because your website id different and we don't see any top border for menu items. You have menu style that got background color on hover and active only.

jomewcreative · February 2015

Thanks for taking a look. I'm sorry but at present the site is only in development so password protected. Here is a snippet of the code (view source) for the top of the page, does this help:

<div id="Wrapper"> <div id="Header_wrapper" ><header id="Header"><div class="header_placeholder"></div> <div id="Top_bar">
                        <div class="container">
                            <div class="column one">
                                <div class="top_bar_left clearfix">
                                    <div class="logo">
                                        <span id="logo"><img class="logo-main   scale-with-grid" src="wp-content/themes/betheme/images/logo/logo.png"     alt="Berlin The Musical" /><img class="logo-sticky scale-with-grid" src="wp-content/themes/betheme/images/logo/logo.png" alt="Berlin The Musical" /></span>                </div>

                                    <div class="menu_wrapper">
                                        <nav id="menu" class="menu-main-menu-container"><ul id="menu-main-menu" class="menu"><li id="menu-item-2285" class="menu-item menu-item-type-post_type menu-item-object-page"><a href=""><span>Home</span></a></li>
                    <li id="menu-item-2334" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-2331 current_page_item"><a href="contact-us/"><span>Contact us</span></a></li>
                    </ul></nav><a class="responsive-menu-toggle " href="#"><i class="icon-menu"></i></a> </div> <div class="secondary_menu_wrapper"> </div><div class="banner_wrapper"></div><div class="search_wrapper"></div> </div></div> </div></div>   </header> </div> </div>

Albert · February 2015

@jomewcreative Please edit "Testimonial" item and check if photos are hidden or not as there is option for that we forgot about. Because this is the last thing that came to our mind.

jomewcreative · February 2015

I couldn't find any options for testimonial - I don't use them either. I tried adding the follow custom .css:

#Header {
min-height: 0px !important;
padding-top: 0px !important;
}

Which seems to have fixed it.

Albert · February 2015

@jomewcreative If your css works fine then ok but the option for testimonials exist for sure and if you don't have it, means that you use very old theme version.

rarch47 · March 2015

I have attached the screenshot with some additional info on the image.

Albert · March 2015

@rarch47 Ok, we see this now. We thought this line comes from the image. But if you want to remove this line, please use below css:

.header-stack #Top_bar .logo { border: 0; }

rarch47 · March 2015

Thanks for that. I had to add !important to get it to work.

Later on in final testing phase I am going to try and get around using !important with some tweaks to css specificity.

Remove top border on top menu

Comments