Remove Search form without using css and some possible bugs
-
Hi,
I’m starting to use your theme for a small website I’m making and I’m loving it so far but I want to remove search icon + search text-field mainly because in mobile version it uses a lot of space and I don’t need it at all.
Is there any way of removing it in options?
I think css option to remove would be something like this:div.topsearch{ display:none; }
In other things I think I found a bug in css of the header when I scroll down in a page. The header moves to the top but the image is cut by the right. I had to change this css property:
.site-header.fixeddiv .home-link { color: #141412; display: block; float: left; width: 280px; min-height: 56px; height: 64px; padding: 0px 20px; }
to this:
.site-header.fixeddiv .home-link { color: #141412; display: block; float: left; width: 312px; min-height: 56px; height: 64px; padding: 0px 20px; }
Other possible solution to this was to give padding this value:
padding: 0px 0px;
I also found that the z-index of site-header is way too high. It gave me problems with several gallery plugins:
.site-header { position: relative; display: block; clear: both; min-height: 88px; border-bottom: 1px solid #e7e7e7; z-index: 30001; background-color: #FFF; opacity: 1; }
If I use a gallery that displays thumbnails of my pictures and then opens a pop-up to show the full size of the image the site-header uses a bigger z-index and it’s shown over the image. It happened with Gallery Plugin and nextGen Gallery.
You can see a screenshot here:
Screenshot
To solve this, I had to change site-header z-index to 1001. For the moment I didn’t face any issues with this new z-index but I’m afraid if I add more components and more pages to my website I will have problems with the new z-index
Anyway, great work and hope that you can give some answers to solve my doubts
- The topic ‘Remove Search form without using css and some possible bugs’ is closed to new replies.