Customizing menu & some troubles

  • Hi there, I’ve customized my site a bit, but I’m stuck a little bit on my menu.

    1. First thing is when I moved social icons in header little down so they’re in line with menu using this snippet:
    https://presscustomizr.com/snippet/move-social-icons-tagline/
    but there is a problem when I change size of the browser – icons are overlapping menu items.

    2. Other thing is I would like to have top and bottom border of the menu. I’ve tried css below:
    .sticky-disabled .logo-centered .navbar-wrapper, .tc-no-sticky-header .logo-centered .navbar-wrapper {
    float: none;
    margin: auto;
    clear: both;
    border-bottom: 2px solid green;
    border-top: 2px solid grey;
    width: 100%;
    }

    and there are borders, but top one is much more higher from menu than bottom one. How to center menu beetween them? Also, using this css has moved social icons to the very left side of the page and I would like to have them just before menu items.

Viewing 6 replies - 1 through 6 (of 6 total)

  • On the first one, are you specifying the location in pixels or percentages? Percentages are better with regard to changing browser sizes.

    Thread Starter elobayor

    (@elobayor)

    I’ve done it according to the snippet, so using pixels. Code I’ve used below”

    /* START OF Move the Social Icons and Tagline */
    /* Move Tagline to Right, adjust margins if needed */
    .navbar-wrapper .navbar h2 {
    clear: both;
    float: left;
    margin-top: -30px;
    margin-left: 20px;
    text-align: left;
    z-index: 100;
    }
    /* Move SI to Right, adjust margins if needed */
    .navbar-inner .social-block {
    float: left;
    position: relative;
    top: 40px;
    margin-top: 0px;
    margin-right: -30px;
    text-align: left;
    z-index: 100;
    }
    /* END OF Move the Social Icons and Tagline */

    As Snippet Author, I’d agree with @augustin56 re: using % in preference to px. (I need to review my Snippets!)

    A link to your site would help diagnose your problems.

    Thread Starter elobayor

    (@elobayor)

    Here’s my site:
    https://dzidziulkowo.pl/

    Thread Starter elobayor

    (@elobayor)

    I’ve managed to make borders of menu, now I have a problem with second menu & social icons, as they’ve lost responsitivity.

    Thread Starter elobayor

    (@elobayor)

    Tried to change px to % but position does not change

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Customizing menu & some troubles’ is closed to new replies.

Tags