Hi there 
I’ve added the media query to fix the height of the navbar and this appears to be working as expected. I’ve also removed the link for the search.js and I’ve added the updated HTML, CSS, and JS for my carousel directly from the codepen you created.
However, I’m not certain if the JS I’ve copied and pasted from the codepen includes
$(myCarousel).carousel('cycle');
because while the carousel most certainly doesn’t launch until it enters the viewport, the rotation doesn’t begin until I manually click the forward arrow.
Is this because the extra line of code isn’t included and, if yes, where in the JS should it be entered?
The other issue is that my actual slides will rotate too fast, not allowing sufficient time to be read. I’d like to add data-interval=“8000” (8 seconds delay for each slide) here
<div id="carouselExampleControls" class="carousel slide" data-interval="8000">
only this doesn’t work and the slides still change every couple of seconds so I’ve removed the data-interval again. Is there an easy fix for this?
Moving on, and looking at the HTML for Google search and the following div
<div class="gcse-search"></div>
gcse-search links to my stylesheet but no values have been assigned, and yet if I remove gcse-search from my HTML this breaks the search bar.
I just need to be clear on my understanding of why this is. Please can you explain?
Also, in my CSS I have the following block of code
.my-search {
padding-top: 7px;
padding-left: 10px;
border-left: 0px solid #fff;
margin-right:-50px;
}
.input-group input.gsc-input {
width: 50px !important;
transition: 0.5s ease;
}
.input-group input.gsc-input:focus {
width: 100px !important;
}
.input-group .gsc-control-cse {
border: none;
background: transparent;
}
.my-search .input-group {
background: transparent;
}
#gs_tti50 input {
background-position: 100% 50% !important;
}
.navbar-custom.navbar-expand-lg .navbar-nav {
align-items: center;
}
.gcse-search{
border:0;
}
and yet from looking at my HTML I’m unable to identify divs that relate to some of this styling, so what exactly needs to stay and what needs to go so there is nothing unnecessary and everything still works as expected?
Any advice is appreciated.
