Search Results for 'header'

Hi,

If you want to change that main menu background you should use the following custom CSS code for this and the result is here -> https://www.screencast.com/t/YeLo46VH8MXC

.td-business .td-header-style-1 .td-header-main-menu {
background: red;
}

If is not what you mean, provide more details so I will be able to provide a more accurate response.

Thanks for the message!

Hi,

For header style 10 there is no limit for the logo size
– https://forum.tagdiv.com/logo-favicon/
You can use any image you like for the logo. Only make sure you are uploading it in full size
– https://www.screencast.com/t/fKKihfMF
– https://www.screencast.com/t/3uNPVljTAC1e

Thanks

Hi,

1. Please note that the theme width overall cannot be changed. It should not be attempted by custom code. The theme has a fixed width, and all the elements used are dependent on this fact. Modifying the width will most likely break the website. There are precise values used that will not display properly under different circumstances.
On pages you can stretch rows to full width, using the composer. Header and footer elements can be stretched in the theme panel. But a general setting for width is not available.

2. You could adjust the line height for the header menu
– https://www.screencast.com/t/ki24ggk4sU
Increasing the line height value will affect the header menu height.

3. The search icon is a font, it could be increased with some CSS
– https://www.screencast.com/t/WobUXDutVP4
Hamburger menu icon as well
– https://www.screencast.com/t/hOC404fGB
This is the code used in the example, adjust it as you like

.header-search-wrap .td-icon-search {
font-size: 50px;
}
#td-top-mobile-toggle i {
font-size: 50px;
}

The Travel blog demo uses a different header style, so the code will not work. Either change the header style to 6, or modify the header style in the code. Might need to adapt more of the code as well.

When you uninstall the demo, this will remove all the demo settings. The theme panel will be reset. The theme has an option to export/import theme panel settings
– https://forum.tagdiv.com/import-export-theme-settings/
That should be the only case that the theme panel is affected.

Thanks

Hi,

At the moment there is no setting to allow font customization of the logo. That would be possible with code only
– https://forum.tagdiv.com/topic/how-to-change-the-font-in-the-header-please/
– https://forum.tagdiv.com/topic/header-style-10-not-responsive/
– https://forum.tagdiv.com/topic/how-to-set-text-logo-and-text-logo-tagline-font-and-size/
Sorry for any inconvenience this might have caused for you.

Thanks

Hi,

1. Grids and blocks will display posts according to the configuration you set for each of them. If you use the same settings for the grid and the block, then the posts displayed will be the same. Please check this block settings tutorial
– https://forum.tagdiv.com/block-settings-tutorial/
Filter the elements on the page differently so they will not display the same posts. If it is required to use the same categories you can use the offset feature
– https://forum.tagdiv.com/offset-feature/

2. You could do that with a code like this
– https://www.screencast.com/t/egH4VJoYVgh

.td-header-style-5 .sf-menu > li.td-normal-menu > ul.sub-menu {
left:0;
}

Enter it in Theme panel->Custom CSS section.

3. The width of the page cannot be changed. It is not recommended to make any modifications concerning the width of the theme. This will break the website layout, all the elements on the page are dependent on the fixed width defined in the theme stylesheet.

4. You can try plugins to create a table, at the moment the composer does not have a specific element for table creation. Try a few plugins and see which one works properly.

5. As well, plugins can be used to create subscription forms. I believe there are many free subscription plugins that would allow you to do this.

Please let us know if you have more questions, or you need further help.

Thanks

Hi,

Use the code as provided, replace only the page ID and it should work properly regardless of header style used. Enter the code in Theme panel->Custom CSS section
– https://www.screencast.com/t/XNm2oSNTe
Or use the Live CSS editor when editing the page
– https://www.screencast.com/t/Yp5Ru45nZ
Then check the results.

Thanks

Hi,

I don’t know how you could change a menu items actual link or link text dynamically. Maybe it would be easier to use a plugin with the capabilities you need, to display such information, instead of a menu. You can then maybe try and integrate that widget in the header or in the page content.

Thanks

Hello whyistayhungry,

Try to use the code below and place it in Theme panel->Custom CSS area.

.td-header-style-6 .td-header-main-menu.td-affix {
-webkit-background-color: white; color: red;
}

Thanks for the message!

Hi,

The header cannot be disabled, there is no option for that. The footer can be disabled in the theme panel, but for the whole website.
The theme blocks will only work within the theme, they will not work with another theme. Everything is custom coded and designed. Blocks and modules are complex elements, there are many processes related to them. Maybe there are plugins that you can use to share content with other websites.
Or maybe these solutions would be helpful
– https://stackoverflow.com/questions/14117763/how-do-you-put-only-a-certain-section-of-a-website-into-an-iframe
– http://www.dimpost.com/2012/12/iframe-how-to-display-specific-part-of.html#.U8jdd3dj42A.wordpress

Thanks

Hi,

You will have to edit and make the modifications to the actual header templates, not the main header file
– https://www.screencast.com/t/U7nPNZTujn
The header templates can be customized through a child theme
– https://forum.tagdiv.com/the-child-theme-support-tutorial/

Thanks

Hi,

You could do it for specific pages, using the unique page IDs. For example this code will remove the menu on desktop and mobile, just for a specific page
– https://www.screencast.com/t/X7Syqm1juG
– https://www.screencast.com/t/KFeQeTPIf

.page-id-2906 .td-header-menu-wrap-full {
display: none;
}

Thanks

Hi,

The header style you are using at the moment is style 7. I have inspected the menu, but there is no problem with it when hovered or active
– https://www.screencast.com/t/iMi5vMHff4bg
– https://www.screencast.com/t/ku2OekxEtT
If the problem is happening when you switch to header style 5, please note that the gadgets demo you have installed has some custom design, that applies to that header style only
– https://www.screencast.com/t/tJYkpVk7XW
A combination of that design and theme panel settings can cause the issue you are describing. Either use a different header style like you are now, or simply modify the black color in the location shown in the screenshot.
Regarding the logo not displaying, there seems to be a CSS code that prevents in to appear
– https://www.screencast.com/t/reCe8EbRqyg7
– https://www.screencast.com/t/vvc2D0NpK
Check the theme panel custom code sections, or any location you have inserted custom code. Removing that code will cause the logo to appear
– https://www.screencast.com/t/IAIWo4Rx

Thanks

Hello Stevivor,

Notice that the Newsmag width is set up to 1021px. For more information about our Ads, please read our documentation here -> https://forum.tagdiv.com/newsmag-header-ads/

Hope this helps!

Thanks for your understanding!