Support » Themes and Templates » Social Icons in EvoLve header

  • Resolved VinceCC

    (@vincecc)


    I’ve recently installed the theme “EvoLve” and I just love it.

    My only challenge with it at the moment is the “Keep in touch” section at the top.

    For some reason I’ve got a scroll bar under the social icons and I don’t know how to remove it.

    Any suggestions?

    I really wish I knew PHP :/

Viewing 10 replies - 1 through 10 (of 10 total)
  • ChaMChoM

    (@chamchom)

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

    VinceCC

    (@vincecc)

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

    Thanks for any help you can offer

    ChaMChoM

    (@chamchom)

    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;
    }
    bodger

    (@bodger)

    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

    Alex

    (@ajmint)

    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.

    VinceCC

    (@vincecc)

    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-->
    bodger

    (@bodger)

    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

    Michael

    (@alchymyth)

    Forum Moderator

    @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

    VinceCC

    (@vincecc)

    @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: http://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

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Social Icons in EvoLve header’ is closed to new replies.