Cannot remove bar at top where social media icons are

[Peter65]

Hi,

We never had the black bar right at the top until I added the url for the Facbook icon. Then the black bar appeared with the facebook icon. I then removed the url for the Facebook icon but the black bar remains. How do you remove it?

I have currently put back the Facebook url so you will see the icon there.

We don't really like the black bar hence we want it back as it was.

Regards

Peter

[bmchawk]

@Peter65, I am sorry I do not have an answer to your problem.  I would like to know how you got your social icons in your header because I'm trying to do the same.  Would you mind sharing?  Additionally, what is your website?

Thanks!

[Peter65]

Ok I have removed the facebook icon see attached first image 'home page' where you can see the name of the company (.co.uk) for website address.

The second image  shows the build page in the editor. Top right you see the social icons.

Click on an icon and a box comes up where you add the url to the appropiate icon, eg the Facebook group. When you publish this you get the black bar at the top with the appropiate social icon, i.e Facebook.

But when you remove the url from the Facebook icon the icon dissapears but the black bar at the top remains. The black bar was never there previously.

[KreatMarjan]

Hi

It is very easy... Please post your site link and I will give you the right lines to comment or modify.

Bye

[KreatMarjan]

All you have to do is to open your Editor. Go to Theme in the top bar and then press Edit HTML / CSS

In your CSS somewhere near #header copy this rule:

.row1 {
    display: none;
}

and the top bar will disappear.

Bye

[Queso]

Hello Peter65! It looks like you have things worked out, but just as a heads up, you should be able to turn those social icons off in the Theme menu, under Theme options.

[KreatMarjan]

Hi bmchawk 

Some themes don't have a top bar. So you must ad it manualy...

For more attach the link to your site

Bye

[Peter65]

I'm afraid that didn't work!

Here is the code

#header,
#banner,
#main {
position: relative;
width: 100%;
padding: 0;
margin: 0;
}

.row1 {
display: none;
}

Further down there are more references here like

#header .row1,

[KreatMarjan · Accepted solution]

Hi

It didn't work?

Ok you said you see   #header .row1   put display: none;  under this...

It should work.

#header .row1, #footer {
    background: #333333;

    display: none;

}

In some cases maybe you have to use: ''important'' 

#header .row1, #footer {
    background: #333333;

    display: none !important;

}

[Peter65]

That worked, cheers!

[rclpbeerfest]

True this works but leaves a narrow grey band on desktop browsers and on mobile site version a huge wide band.

[Bernadette3]

It sounds like you may be on an older theme, @rclpbeerfest. Can you post a link to your site so we can take a look? Thanks!