- This topic has 3 replies, 2 voices, and was last updated 8 years, 8 months ago by
.
-
Posts
-
hi, i have this strange thing where when a user scrolls and i’ve set the logo to shrink on scroll – which it does – it falls out of alignment/centering with the nav items – it drops down and sits nearly flush with the bottom of the space.
and on a very related aside, is there a CSS bit or other way to set a “dark line” or “line with a shadow” to appear at bottom of edge of nav area? background is white (on my site) in both nav area and sections of pages, would love to see a crisp visual separation of the two spaces when scrolling….
Again, being able to open the site will help us provide the right code. Here are some Custom CSS you can try and see if they work –
#header { border-bottom: 2px solid grey; } #site-logo, #header.sticky #site-logo { top: 0; }thanks – that seems to create a nice thin line at bottom, though strangely logo still sits at the line/bottom
do you think if i added some kind of “bottom” to this code bit in custom CSS, it would do something?
/* for padding above logo */ #site-logo { top: 5px; } #header.sticky #site-logo { top: 5px; }or in the section that has code for reducing the size of logo when scrolling down?
/* for shrinking logo on scroll */
#header.sticky #site-logo a img { max-width: 75%; } #site-logo a img { transition: all ease-in-out 0.3s 0s; }
- The forum ‘Invent Theme Support’ is closed to new topics and replies.