Hello TagDiv Team,
how can i adjust in custom css the height of the Main Menu (Style 5 is used), from the standard 60px to 100px
– the text should stay in the middle of it
– the logo should be scaled up according to the height
thanks, Jan
and for the content, is there a possibility to adjust from this:
to this?
thanks a lot, Jan
Hello Jan,
The menu height can be adjusted by changing the line-height in the fonts section like so: http://screencast.com/t/mKnSMyGRkJX
As for the images, please use this guide: https://forum.tagdiv.com/thumbnails-fix-strange-looking-images-on-blocks/
I hope this helps.
Thanks.
Hello Bogdan,
thanks for your quick reply.
the menu height did work quite well. More than 90px is not possible?
with regen. Thumbnails the pictures didn’t change.
is there somewhere another option?
and where can i fill in the red marked area? i did the margin on top & bottom of this row, but it only did the bottom margin.
have a great day, Jan
Hi,
Please provide a link to your site so I can inspect it and see if a bit of css could help.
Thank you!
Hi Bogdan,
and is it possible to add a shadow under the main menu?
have a nice evening. Jan
Hello,
For the header if you want to increase the main menu beyond 90px you will need css to do it. Please use this code (I also added a bottom border for the header – the ‘shadow’):
.td-header-menu-wrap-full{
height:120px!important;
border-bottom: 1px solid black;
}
ul.sf-menu > .td-menu-item > a{
line-height: 120px!important;;
}
@media(min-width:768px){
.td-header-style-5 .td-main-menu-logo{
height: 120px!important;
}
.td-header-style-5 .td-main-menu-logo a{
line-height: 120px!important;
}}
As for the featured images, unfortunately you altered the theme width and thus the width of the container for the thumbnails. The theme will not adjust the thumb size. If you alter the theme width you need to adapt every element to the new width as our theme was built with a fixed width and all thumbs have a fixed width as well.
Our theme elements were not meant to be displayed in a stretched row so please do not stretch row and content. Only use the stretch row option.
Thank you!
Hi, thanks.
i edited it a little, so i have the soft shadow under the main menu (&sticky)
the rest i also got done, i put the content in row now.
will there be an update, so the streched content is scaled correctly?
best regards, Jan
Hello,
Unfortunately I don’t think so, as our theme uses a fixed width for it’s elements. If we are able to fix blocks on a full width row we will also be able to add a full width theme option, but this is not in any way planned for the moment as all of the theme elements have to be adapted for such an option.
Thank you!
Hello,
thanks for the feedback. now i boxed the content, hopefully there will be an update đ
another question, i have disabled the logo in the header with this code:
.td-header-style-5 .td-main-menu-logo{
display: none;
}
can i hide it only in normal mode, but sticky menu should show the Logo.
And at the moment the menu-buttons are aligned to the left, can i center them?
have a nice evening, Jan
Hello jan,
The menu items are positioned based on the header style that you use. Please choose another header style that has a centered menu if this is what you are after: https://forum.tagdiv.com/header-styles/
If you want to hide the logo, then simply do not add any instead of adding a logo and removing it with css: http://screencast.com/t/UbSeTh81lB8p The sticky menu can use the mobile logo: http://screencast.com/t/8U08kDtW
Thank you!
