Google CSE - cannot get to size correctly

Design help General
1

Trying to get Google CSE to fit inside a div within my top navigation and I can’t seem to get it to look as intended - I’d like it to look like this:

http://werackyourworld.webflow.io/test-page-1
But it looks like this: http://werackyourworld.webflow.io/

Read only: Webflow - werackyourworld.com

Here is my public share link: LINK
(how to access public share link)

2

It has something to do with this

table.gsc-search-box tbody tr td *

1 Like
3

I took out all the mobile elements that were set to display:none until their respective breakpoints - and it work! Now I need to figure out how to add back in those mobile elements without messing it up again. I think wrapping it in a media query would work but im not sure how to do that. Any idea?

4

Where did you find that piece of code anyway?

5

Here is the official documentation

1 Like
6

https://cse.google.com/cse/style/look/mobile/minimalist.css

.gsc-search-box {
   height: 200px!important;
}

and

table.gsc-search-box tbody tr td * {
   height: 70%!important;
   font-size: 40px!important;
}
1 Like
7

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.