Search Results for 'header'

Hi,

I see a space between the logo and the menu – https://prnt.sc/pqnwkv From what I can tell the logo used has a height of 240px, while the background is 190px
– https://prnt.sc/pqnxef
That is creating the space. The background image height is not enough, should be bigger or similar to the logo image height.
You could use a logo with a height of 190px or use a backgroudn imaeg with a bigger height.

Or you could use some CSS to reduce the logo height – https://prnt.sc/pqnzxy
Here is the code if you would like to give it a try

.td-header-style-10 .td-header-sp-logo img {
max-height: 190px;
}

Thanks

Hi,

A cloud header template can be customized for all it’s 4 stages:
Default desktop – https://prnt.sc/pqlxwc
Sticky desktop – https://prnt.sc/pqly2j
Default mobile – https://prnt.sc/pqlybd
Sticky mobile – https://prnt.sc/pqlyh8

This can be done using the header manager – https://forum.tagdiv.com/header-manager/
Please edit the cloud header you are using and customize these states as you want
– https://prnt.sc/pqm0e3
Please let me know if you have more questions.

Thanks

Hi,

Making a cloud header sticky is possible. The elements you use in the default header can be the same or different than the sticky version.
To edit the sticky version of a cloud header, activate the sticky mode in the composer
– https://prnt.sc/pqiquf
Then add the elements you want in the sticky header. If there are no elements, the header will not be sticky.
Same for mobile – https://prnt.sc/pqirba

Note that in the composer you can copy paste elements, through the right-click menu
– https://prnt.sc/pqis0y
This would be useful if you want to use the same elements from the normal header, in the sticky header.

Thanks

Hi,

Something must have happened with it, a last addition of an element perhaps in it. I would suggest to edit it normally and try to restore an older revision. For example
– https://prnt.sc/pqigie -> https://prnt.sc/pqigps
That will return the header to a previous version, hopefully when it worked. Let me know.

Thanks

Hi,

You could import and inspect a ready made cloud header template
– https://cloud.tagdiv.com/#/load/Headers
The columns by default will stack one above the others on mobile, but they can be made to display inline.
A mobile menu with 3 inline columns (usually menu + logo + search) can be made like this:

First column – https://prnt.sc/pqi5k3
Second – https://prnt.sc/pqi5or
Third – https://prnt.sc/pqi5tm

All the 3 columns have to be set to display inline block – https://prnt.sc/pqi6xj
Maybe I missed something, if you need help or you have more questions let me know.

Thanks

Hi,

So something like this? – https://prnt.sc/pqhrpp This code should do it

.tdb_header_menu .tdb-menu > li {
float: none;
display: inline;
}

It can be entered in the theme panel custom CSS section. I can modify it if needed.

Thanks

Hi,

That is the background color from the header zone, in order to change it you’ll need to edit the header, click on header menu -> http://prntscr.com/pq22e3 and check the css tab -> http://prntscr.com/pq22m7 -> http://prntscr.com/pq232b

Hope this will help you!
Thank you!

Hello,

Unfortunately on category page you can change the background color only with custom css -> http://prntscr.com/pq1kyz, if there is still a problem, please provide me a link where I can check your categories.
.td-subcategory-header .td-category a{
background-color: #f22;
color: #fff;
}
.td_category_template_1 .td-category-header .entry-title span {
background-color: #2f2;
}
The code need to be set in Theme panel> Custom code> Custom css

Thank you!

Hi,

If you have set a header from tagDiv Cloud Library , you need to edit that header template using header manager -> https://www.screencast.com/t/FkAe80JsuCo check the sticky menu, scroll until you see the sticky menu and click the menu and logo -> https://www.screencast.com/t/o6Z8zoJoWbFY -> http://prntscr.com/po2fub -> http://prntscr.com/po2g2q or you can simply delete the row from header menu sticky.

Thank you!

Hello !

When using Cloud Template header the sticky header must be edited with tagDiv Composer Header Manager and you can set it up from here. If it is empty you will have to add content in it in order to display: https://www.screencast.com/t/Bzi8kbneOKQc

Thank you !

Hello,

If you want to change the color from menu header you’ll need to check this section -> http://prntscr.com/pq04bh or if you want to have some more control over the header menu you can use the tagDiv Composer and tagDiv Cloud Library on header manager -> http://prntscr.com/pq05mn

Thank you!

Hi,

If that is a cloud header, then you can edit it with tagDiv Composer, click on the menu and change the icon -> http://prntscr.com/ppzyb5 -> http://prntscr.com/ppzyld

Thank you!

Hello !

In order to change it you will have to add a header as you can see it here: https://www.screencast.com/t/tb5tQNlKh

Thank you !

Hello !

When using Cloud Template header the sticky header must be edited with tagDiv Composer Header Manager and you can set it up from here. If it is empty you will have to add content in it in order to display: https://www.screencast.com/t/Bzi8kbneOKQc

Thank you !