Thread Starter
donnap
(@donnapotratz)
OR —
If anyone knows how to make the search box not float over my top menu, which I have aligned right. Here’s my site http://www.writingteachertools.com
Thank you!
Hi donnap. Try this in your child theme css:
.toggle-search {
display: none;
}
Thread Starter
donnap
(@donnapotratz)
Worked perfectly! Thank you!
If I want to bring back the search function, though, is there a way to not have the search icon float over my top menu? My menu is right aligned, so the search icon floats right over my last menu item.
I found this bit of code on the support forum, but it doesn’t resolve the problem.
.full-width #nav-topbar.nav-container {
position: absolute;
}
Not sure which element you used to align your menu but you might try this:
#nav-topbar .nav-wrap {
text-align: right;
margin-right: 50px; //width of search icon
}
Thread Starter
donnap
(@donnapotratz)
Works perfectly! Thanks bdbrown!
One more quick question. Right now search icon only appears with mouse over. Is there a way to make the search icon static?
It should be visible unless some other css is being applied to it. Let me know when you have your site back online and I’ll take a look.
Thread Starter
donnap
(@donnapotratz)
@bdbrown
It’s back up. If you go to the top navigation, the search icon is after “Ask a Question” but only appears if you hover over the blank space in the far right corner of the navigation bar.
I appreciate any help you can offer!
It’s because the default color of the icon is white. You can change it to red with the following css:
.toggle-search {
color: #f00;
}
hey donnap, just wanted to say I like the simplistic-ness of your site, a lot! It makes it look amazing, never thought of doing that! Prolly wont – I’ve come to far on my site. Anyways, keep it up – its looking great!
Just thought I’d share!
Thread Starter
donnap
(@donnapotratz)
I’m not sure what I’m doing wrong, bdbrown. I tried your code, but it didn’t make any change.
Thread Starter
donnap
(@donnapotratz)
@xinori
Thank you for your kind words! I appreciate your taking the time to check out my site!
I just checked your site and the search icon is red. Isn’t that what you were trying to change?
Thread Starter
donnap
(@donnapotratz)
You’re right! Works perfectly!
Thank you for your help!
bdbrown, you’ve done it again – thank you for providing the code for this. Works beautifully!
