Hello again, so the next thing I would like to do is change the height of the top menu bar. I am using Style 3 full top menu. How and where could I do this?
Hi,
That can’t be done using theme settings and the height of it is determined by its content. You can try to do it via custom css though and set a minimum height for it, like this: http://screencast.com/t/2blWuXzqrM
.td-header-style-3 .td-top-menu-full {
min-height: 55px;
}
Thanks
Thank you Lucian, that seemed to work. How do I go about centering the text so it fits in the middle?
Hi,
Please provide more details about what you want to do and also your site URL so I can inspect this.
If you want somthing like this feel free to use this custom css: http://screencast.com/t/TqnbisfS
.td-header-sp-top-menu {
float: none !important;
text-align: center;
}
Thanks!
Hey Alin, here is a link: http://www.sneakerfiles.com/oncourt/
I actually wanted to make the height bigger of the top nav bar but have the text centered within it. Still aligned left, but right in the middle of the bar.
Hi,
You can try this css code: http://screencast.com/t/85w5s0iBk3
.td-header-style-3 .td-top-menu-full {
min-height: 55px;
}
.td-header-style-3 .td-header-top-menu.td-make-full {
padding-top: 12px;
}
Thanks!
That seemed to work. Only problem is when it loads, the old style shows for a second then disappears. How do I get that to be removed?
Hi,
The css is applied in cascade the old one is overwritten by the new one. Unfortunately this is normal behavior, only what you can do is to add height css directly in the style.css file – http://screencast.com/t/KlxLbbpFTn
Thanks!
Ok, so two questions:
1. Can I just copy the code provided and paste it straight into the stylesheet?
2. Can I put it in the child theme css? Or does it need to be at the main themes css?
Hi,
You have to search that class from screenshot and add min-height there. Also padding css you can try to leave it in Custom Css section from Theme Panel.
Yes, you can try it in the child theme and see if it works. We have changed the child theme system and because of that at the moment some files can’t be overwritten via child theme, but the files from the root of the theme should work. If it doesn’t work, please make you change in the main theme file.
Thanks!
Hey Alin, I tried to add the min height in the main themes css and nothing changes. I have it just like this:
}
.td-top-menu-full {
background-color: #222222;
z-index: 3;
position: relative;
min-height: 55px;
}
Hi,
Do you use child theme? As you just ask if you can add this in child theme, so if you have activate child theme you have to make this change there(then the css style from child theme is applied), if not it should work in main theme. I also checked this in main theme and it works.
Thanks!
