search bar and social icons

8 posts from 4 voices

• Started 10 months ago by jvgamir
• Latest reply from Ismael
• This topic is closed
• This topic is resolved

Tags:

No tags yet.

1. 

   jvgamir
   Member

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

   Posted 10 months ago #
2. 

   Ismael
   Moderator

   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

   Posted 10 months ago #
3. 

   jvgamir
   Member

   Thanks a lot. It's perfect

   Posted 10 months ago #
4. 

   Ismael
   Moderator

   Hi jvgamir,

   Glad that we could help. :)

   Cheers,
   Ismael

   Posted 10 months ago #
5. 

   JamesGdesign
   Member

   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?

   Posted 9 months ago #
6. 

   Devin
   Moderator

   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

   Posted 9 months ago #
7. 

   JamesGdesign
   Member

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

   Posted 9 months ago #
8. 

   Ismael
   Moderator

   Hi JamesGdesign,

   Glad that Devin helped you. :)

   Cheers,
   Ismael

   Posted 9 months ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.