Social Icons in EvoLve header

please give us the link to ur website or to the themme so we can see whats the problem is thx .

My site can be viewed at https://vince-cannon.com

Thanks for any help you can offer

ok open ur css file . and change this code

div.sc_menu {
    height: 32px;
    overflow: auto; /*change auto to hidden*/
    position: relative;
    width: 315px;
    z-index: 0;
}

like this

div.sc_menu {
    height: 32px;
    overflow: hidden;
    position: relative;
    width: 315px;
    z-index: 0;
}

Hi there,

I’ve got the same trouble as “Vincecc”. I’ve got a scroll bar under the social icon “RSS Feed”. It looks daft.. I’ve been looking at the code provided by “ChaMChoM” I can’t locate it. CSS file? (is this the full title)? Found in “Appearance” –> “Editor”?? Once in Editor, which file down the “right hand side” e.g: “Comments(comments.php)
Footer(footer.php)Header(header.php)Main Index Template(index.php)”?

And, on which line, will the code be found, within that file? Please note: So please “step by step” instructions.

Thank you

Bodger

Bodger:

In your WordPress admin panel, go to Appearance > Editor.

Your style.css file should automatically appear, but it is Stylesheet (style.css) on the right.

Then, find this:

div.sc_menu {
    height: 32px;
    overflow: auto; /*change auto to hidden*/
    position: relative;
    width: 315px;
    z-index: 0;
}

(you can use Ctrl+F on Windows or Cmd+F on Mac).

Then, select it, and paste this:

div.sc_menu {
    height: 32px;
    overflow: hidden;
    position: relative;
    width: 315px;
    z-index: 0;
}

Then, scroll down and click the big blue Update File button, and check your homepage.

Thank you for your help, but I can’t find that code anywhere with the style.css file.

At the moment, the scroll bar is appearing briefly when the page loads but disappears after it’s finished loading.

I’m not sure what’s causing it to act that way but I think it’s pretty strange :/

This code is found in the header-content.php file if this is of any help

<!--BEGIN #subscribe-follow-->
<span class="social-title" style="margin:20px 0 10px 0;">KEEP IN TOUCH</span> <br style="clear:both;" />
<?php require_once (get_template_directory().'/social-buttons.php'); ?>
<!--END #subscribe-follow-->

Hi Alex,

Thank you very much, for providing the following code:

div.sc_menu {
height: 32px;
overflow: hidden;
position: relative;
width: 315px;
z-index: 0;
}

It worked, it removeved the “scroll bar” under the social icon “RSS Feed”.. I couldn’t find the following code:

div.sc_menu {
height: 32px;
overflow: auto; /*change auto to hidden*/
position: relative;
width: 315px;
z-index: 0;
}

So I copied & pasted the other code into “Stylesheet (style.css)” right at the very bottom of the “Stylesheet (style.css)” and pressed “update file”.

As a thank you, if you provide me with a link to your site, I’ll place it, within my site. And I’ll give you a link, to my site (back-linking) for each others site (improves our scores with Google).

Cheers

Bodger

@vincecc

in
/wp-content/themes/evolve/library/media/css/base.css

div.sc_menu {position: relative;z-index:0;height: 32px;width: 315px;overflow: auto;}

(you might not be able to edit this in the ‘appearance’ ‘editor’)

if you do what @bodger did, that should work as well;

basically, add
div.sc_menu {overflow: hidden;}
at the end of style.css

@alchmyth

Thank you for that code as well. It worked and my site looks much better now.

This was done with the one line

div.sc_menu {overflow: hidden;}

in the appearance editor.

I have no issues placing a link on my site for you as well if you’d like.

Take care and all the best.

Vince

On a slightly different topic, do you know how to remove the background colour behind the logo.
See site: https://www.loveskiing.co.uk
Basically I just want my custom logo and a transparent background so you can see by website background behind the logo?

Any ideas would be welcomed ??

Jim