Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #15389

    Hi again!

    I’m trying to hide the search bar in the heading and to move the social icons towards the header bottom area. I’ve just added the following CSS to my Quick CSS but it doesn’t work. The result: the heading searching bar dissapears but all the socials incons aligns individually to the right. What am I doing wrong?

    #top .social_bookmarks {

    position: absolute;

    top: 65px;

    right: 0;

    }

    #searchform {

    display: none;

    }

    .small_header_info {

    padding-bottom: 3px;

    right: 105px;

    }

    #87312

    Hello,

    Please remove your code and try this.

    #top .social_bookmarks {
    top: 90px;
    }

    #searchform {
    display: none;
    }

    I’m not sure where in the header you want it to be so just adjust the top value.

    Regards,

    Ismael

    #87313

    Thanks a lot. It’s perfect

    #87314

    Hi jvgamir,

    Glad that we could help. :)

    Cheers,

    Ismael

    #87315

    I hope it is ok to follow up on another thread!

    I wanted to hide the header searchbar and applied the above code – which works great, except for one thing:

    Once display:none is applied the searchbar in the sidebar widget area also dissappears. Is there a way to only hide the header searchbar?

    #87316

    Hey JamesGdesign,

    In this instance it is completely ok to follow up on this one since its pretty much the same question. You can target only the header’s search form with:

    #header #searchform {
    display: none;
    }

    Regards,

    Devin

    #87317

    ^^ Woohoo! Worked a treat – You have saved me much headache sir! Thankyou!

    #87318

    Hi JamesGdesign,

    Glad that Devin helped you. :)

    Cheers,

    Ismael

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

The topic ‘search bar and social icons’ is closed to new replies.