How to move the Search box to the Main navigation bar
Collapse
X
-
Yes it would be the height of the search box that I need to adjust. I would like it smaller so there is some green nav bar around it. Where would one change that?
Once again your help is appreciated as I am getting used to where everything is.
Leave a comment:
-
Do you mean the height? You'll have to adjust the CSS until the search box fits your vision.Leave a comment:
-
Might have spoke too soon. This is the code I put in and it doesn't quite work visually.HTML Code:.search-container .search-box .search-term { width: 120px; position: relative; z-index: 1; }
Leave a comment:
-
-
I tried the code in post one and it moved the search like I wanted but its now hidden by the Nav bar. It has a custom style. Any ideas? http://www.riderfans.com/vb5forumLeave a comment:
-
I tried the code in post one and it moved the search like I wanted but its now hidden by the Nav bar. It has a custom style. Any ideas? http://www.riderfans.com/vb5forumLeave a comment:
-
-
That fixed it Glenn, thank you!
Curious what that gap is, it is only present when the navbar goes responsive to mobile device.Leave a comment:
-
I know there's a gap but that's not the issue NumNum was referring to.
Craig here's the CSS to fix the issue:
Code:#header .site-logo img { max-height: none !important; }
Leave a comment:
-
If you go to the site on a mobile device, then turn device horizontal you can see what I mean.Leave a comment:
-
The only fix I can get to work is this, which is a bit dirty as it involves negative margin values:
Code:[noparse]@media[/noparse] only screen and (max-width:767px) { .b-top-background__header-mainnav { margin-bottom: -3px; } }
Leave a comment:
-
Leave a comment:
Related Topics
Collapse
-
by Flash04jvI have spent waaay too much time trying to figure this out. I find tons of info for editing html in the additional.css, but I can't find the CSS code for Cloud. Been trying and trying to make my own code...
-
Channel: vB Cloud Support & Troubleshooting.
-
-
by voygerhi good people
got few question
how to enable Today's Topics?
got problem with colour bar did install the colour bar as recommended don't show
anyone can gives a...-
Channel: Support Issues & Questions
-
-
by BugOutGirlI have put in the following code to my CSS file through site builder:
Code:#header { position: relative; } #header .header-cell { width: 100%; } #header .site-logo, #header .site-logo img { max-width:
-
Channel: Support Issues & Questions
-
-
by hussain2000hi
Kindly let me know how to remove the search box from the header
With my best regards-
Channel: Support Issues & Questions
-
-
by creaturexHi everyone,
Would someone be able to tell me how to change the position of the header ad in VB5 please?
I would like the header of my forum (http://forum.canadahifi.com/) to...-
Channel: Support Issues & Questions
-
Leave a comment: