WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Social Icons in EvoLve header (11 posts)

  1. VinceCC
    Member
    Posted 3 years ago #

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

  2. ChaMChoM
    Member
    Posted 3 years ago #

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

  3. VinceCC
    Member
    Posted 3 years ago #

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

    Thanks for any help you can offer

  4. ChaMChoM
    Member
    Posted 3 years ago #

    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;
    }
  5. bodger
    Member
    Posted 3 years ago #

    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

  6. Alex
    Member
    Posted 3 years ago #

    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.

  7. VinceCC
    Member
    Posted 3 years ago #

    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-->
  8. bodger
    Member
    Posted 3 years ago #

    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

  9. alchymyth
    Forum Moderator
    Posted 3 years ago #

    @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

  10. VinceCC
    Member
    Posted 3 years ago #

    @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

  11. jim1515
    Member
    Posted 3 years ago #

    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 :D

    Jim

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags