Floating Social icons over header image and header fill

Viewing 3 posts - 1 through 3 (of 3 total)
  • #14311
    etsjessey
    Participant

    Hello,

    There seems to be padding, or a border of some sort and there is quite a bit of space between the header and the nav. I basically would like to see no grey showing on the top, left, and right…and the blue nav bar flush underneath the header…with the social icons floating in there same exact spot, except on top of the header. I feel like it would be a simple fix with some custom css but, I am very new to it and not sure what steps to take.

    Here is my website for anyone to take a look… http://emotiontechstudios.com

    Thanks in advance!!

    #14319
    Takuri
    Participant

    >> Custom CSS (exsample)

    You should adjust the numbers.


    #site-title {margin: 0;z-index: 1;}
    #site-title img {margin: 0;vertical-align: middle;}
    #searchform {
    margin-top: 3px;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 4;
    background-color: #1A84B2;
    padding: 5px;
    }
    #social-media-icons {
    margin-top: 3px;
    position: absolute;
    top: 0px;
    right: 280px;
    z-index: 5;
    background-color: #1A84B2;
    padding: 5px;
    }

    #14320
    Takuri
    Participant

    To the interval to 0 navigation-bar and header,
    need,”#social-media-icons” and “#searchform” is
    position: absolute;

    sorry, I have not good at English.

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.