You can see my site here https://bent.co.in/
While viewing my site on mobile or any other hand held, i’m trying to retain the logo and the navbar box in its same position. While the logo can reduce in size, navbar box can reduce in width.
I’d love it if anyone can help me fix this with any code snippet or links to solutions.
Thanks!
]]>any code snippet to reduce the navbar box height and also bring the right side in line with the carousel and not extend all the way till screen end?
i’ve not been able to fix it with Adjust Navbar Box Settings post or any other.
thanks!
]]>.navbar.notresp .navbar-inner {
display: none;
}
But this removes everything inside the navbar box which obviously isn’t very useful.
Anyone any ideas?
]]>/* Reposition Navbar Box – change top/left as needed */
.navbar-inner {
position: relative;
top: 150px; /* Adjust using -1px move Up, 1px move Down, 0px No change */
left: 0%; /* Adjust using -1% move Left, 1% move Right, 0% No change */
}
As matter of the fact navbar moved down (due to the shape of the logo) but when the window is shortened , in responsive mode, the
navbar overlaps the slides. How can I fix this situation?
Site is still being constructed as this URL shows
https://www.t-decisions.oo3.co/BL/
Thanks in advance