Hello!
I added some code to my header.html to create a search bar in the navigation. I published it and everything on the site works well. But now, when I try to go into editor to just do some simple stuff (change texts etc) it just keeps on buffering. The gray circle continues and the editor says "loading".
I can only see the navigation in editor, nothing else. When I go to edit the code, the rest of the page appears.
I contacted the support but they say it's the codes fault. Not that the code is wrong, but that the weebly editor shuts down because of the code. I have absolutely no clue what to do about this. Is there anyone out there that can have a quick look on why this happens, I would really, really appreciate it.
I added the following code:
#search-bar-container {
text-align: right;
position: absolute;
right: 0;
top: 10px;
overflow: hidden;
}
input[type=text]#search-bar-nav {
width: 25px;
background: transparent;
border: none;
-webkit-transition: width 0.4s ease-in-out;
transition: width 0.4s ease-in-out;
padding: 5px;
}
/* When the input field gets focus, change its width to 100% */
input[type=text]#search-bar-nav:focus {
background: white;
color: black;
width: 100%;
outline: none;
padding: 5px;
border: solid 1px;
border-color: black;
}
@Mediascreen and (max-width: 1024px){
input[type=text]#search-bar-nav:focus{
width: 80px;
border: solid 1px;
border-color: black;
}
}
Best regards,
Simon
