1st problem:
I got my menu to now be 30px height but when I scroll the sticky menu is 48px height. I even updated the menu_affix_height to 30 in tagdiv_theme.min.js and tagdiv_theme.js ?? http://www.aeriographer.com
2nd problem:
When I look at it on mobile the top ad banner is beind the menu bar now instead of below it.
Hi,
1. I’ve checked your site and noticed you have it set to 30px now: http://screencast.com/t/wKjerWYGys8O make sure you empty all caches, browser’s also: https://kb.iu.edu/d/ahic if you don’t get the same result and let us know if you still need assistance on this.
2. You have set it to a 14px height: http://screencast.com/t/3bZphdHI remove that custom css to fix the banner: http://screencast.com/t/UeQLfzeXzLi
Thanks for the message!
Hi dthreatt,
I am trying to create the same menu as yours – slimline, sticky.
How did you do it? Did you use some sort of custom css? Would you be able to assist as I am not having much luck as customising.
THANKS.
Hi,
You could use header style 5 and add this custom css in Theme Panel > Custom Css – http://screencast.com/t/6cedEPaojqIk
@media (min-width: 768px) {
.td-header-style-5 .td-main-menu-logo img {
max-height: 30px;
vertical-align: inherit;
}
.td-header-style-5 .td-main-menu-logo {
height: 30px;
}
.td-header-style-5 .td-main-menu-logo a {
line-height: 30px;
}
.td-header-style-5 .sf-menu > li > a {
line-height: 30px;
}
.td-header-style-5 #td-header-menu {
min-height: 30px;
}
}
You may need more customization and also you will have to change the the css for sticky menu. I suggest to get someone to help you with this if you don’t have basic html/css experience as we cannot provide custom work, sorry!
I have provided an example how you can do this and hope this helps!
Thanks!
