Search Results for 'header'

Hi,

This is unusual, for some reason the mobile menu and background are set to hidden, they are no visible while being there. This could be caused by a plugin conflict, the mobile theme is affected by caching plugins in some cases. I see you are using the rocket plugin, this could the one responsible. You could test that by deactivating it and clear the cache.
I could give you a code solution to make the menu visible and the search icon
– https://www.screencast.com/t/wVXpfZeiU
– https://www.screencast.com/t/88H1iAfgfSgA
But other issues may happen in the future. This is the code for this, enter it in Theme panel->Custom CSS if you decide to use it

#td-mobile-nav,
.td-menu-background {
visibility: visible!important;
}
@media (max-width: 767px) {
#td-header-search-button {
display: block;
}}

The theme does not have a search option like that, the only search would be the one implemented in the modal
– https://www.screencast.com/t/gEm8RbuHuu
This could only be achieved through a search plugin maybe, or manual implementation in the theme code and files.

Thanks

Hello,

Please try this code instead:

.td-header-style-9 .td-logo-wrap-full. td-logo, .td-header-style-9 .td-logo-wrap-full .td-logo{
min-height: 95px!important;
line-height: 102px!important;
}

Thanks.

Hello,

Yes, you can remove the margins of the header elements and have them stick together.
Add this code in your custom css box:

.td-header-style-4 .td-header-sp-recs{
margin-bottom:0!important;
}
.dj-desc{
margin-bottom:1px
}

Thank you!

Hi,

According to the instruction the code has to be entered in the header.php file of the theme
– https://www.screencast.com/t/5eYykSrk
Or try entering in the actual header template you use for the website, see how they display
– https://www.screencast.com/t/HMxlqGcIt
Enter the code below the existing code and check the results.

Thanks

Hello,

You can do all this from the plugin as well . The size of the icons is the header menu font size as they are font icons. The position can be changed if you use the html implementation, not the css implementation. You can simply add the html code before or after the menu item title.
This request will need to become more popular if we are to consider implementing it into our theme but for the moment this is the only such request. Please understand we have lots of requests and have to prioritize based on popularity.

Thanks.

Sorry but the code was missing the second part. Please use this code instead:

.td-full-screen-header-image-wrap{
height:300px;
}
.td-post-template-7 .td-post-header-holder{
bottom: 345px;
}

Thank you!

Hi,

So you have menu items in the top menu on desktop from what I understand, the top menu will not appear on mobile. Only the main header menu will be displayed.
If this is still not helpful, please provide some useful screenshots and more details about what exactly you want to do, for a better understanding.

Thanks

Hi,

We are sorry for the issues you are encountering. We will try to solve each of them together.

1. Regarding the social icons, it seem the global header style is not applying when importing the demo. Please edit the page with the tagDiv composer and set the block header style of the social counter to global, like this
– https://www.screencast.com/t/IHwnZr5hD6
This should have been set by default.

2. That is an image box element, when editing the page with the composer it would appear like so
– https://www.screencast.com/t/jEfxhONC
It can be removed and replaced with an image of your choosing. In your case it seems that no image is appearing in the composer edit screen. I would suggest to try as a quick test to deactivate all plugins except theme plugins and check again. The image should appear.

3. The demo design is with a black header background, this is set manually in the demo stylesheet. I believe at the time of creation of the demo there was no theme panel option to set a header background color, so it was set with CSS.
The black color will appear automatically as long as header style 10 is used. If you want to keep using this header style with your own color from the theme panel, a small modification will be necessary in the demo stylesheet
– https://www.screencast.com/t/1uPQyhmuE
Then any color set in the theme panel will be displayed as a header background.

Regarding the featured video for posts, notice the allowed video sources which are Youtube, Vimeo, Dailymotion or Facebook. It will only work with these, use the recommended post templates, select the video post format as well. In case you are doing everything properly and it is not working properly, please provide more details about the issue it would be helpful.
The screenshot you posted with the problem cannot be viewed unfortunately
– https://www.screencast.com/t/p86Y3MN6FOs
Or the website – https://www.screencast.com/t/0V8uloTg

Thank you!

Hello,

It seems the spacing comes from your image for the most part. Pleae change the logo and remove some of it’s spacing in your favorite photo editor. Then add this code in the theme panel-> custom css box:

.td-header-style-9 .td-logo-wrap-full{
min-height: 95px!important;
line-height: 102px!important;
}

I can’t see any ad underneath the menu however.

Thanks.

Hi,

I don’t quite understand what you want to do. By default (mobile theme plugin inactive) on mobile the same header menu will be displayed. If the mobile theme plugin is active you can choose a different header menu than on desktop
– https://forum.tagdiv.com/the-mobile-theme/
The top menu is not displayed at all times on mobile. It could be made to appear with a custom code, but only when the mobile theme is not used.
Please correct me if I misunderstood what you are asking.

THanks

Hello shoaibmumtaz,

You should edit the header.php core file because in that file you will found the body tags like this -> https://www.screencast.com/t/SolMBZuqk Also, if you want to target a specific page you should create some conditions for these, using the is_page() like to this documentation here -> https://developer.wordpress.org/reference/functions/is_page/

Hope this helps!

Thanks.

Hello tha,

You should use a bit of CSS code if you want to decrease the height size of this image.

The code is ->

.td-full-screen-header-image-wrap{
height:300px;
}

Thanks for the message!