Search Results for 'header'

Hi rajneeshhaldkar,

Unfortunately not, this can be done only on cloud header.

Thank you for your understanding!

Hi,

Unfortunately there is no option in our theme, mobile theme or amp plugin for stick amp header, sorry for the inconvenience.

Thank you for your understanding!

Hi,

Please make sure that you check our documentation for mobile theme plugin from here -> https://forum.tagdiv.com/the-mobile-theme/
Using a mobile theme it will be like using another theme from the mobile version that will improve the mobile speed, therefore you’ll not be able to set the footer or header on it as on desktop version, but f you want you’ll be able to display the responsive version for some pages or posts using this option -> https://imgur.com/m0bVB5T

If you are using the mobile theme plugin you can choose what menus you want to have on mobile header from Theme panel> Mobile theme > header -> https://i.imgur.com/jO1wW85.png and footer https://i.imgur.com/NQttFJ7.png the menus can be created in appearance > menus, the mobile menu will be display like this -> https://i.imgur.com/pED3R3P.png

To display the images on mobile theme you need to enable 2 thumbs from theme panel -> https://i.imgur.com/aFVuDos.png -> https://i.imgur.com/CXlMNmW.png

Hope this will help you!
Thank you!

Hi,

You can set these ad in theme panel > ads -> https://i.imgur.com/QqVdE7a.png -> https://i.imgur.com/pX5RFcH.png -> https://forum.tagdiv.com/newsmag-header-ads/ -> unfortunately for the moment these are the only spot ads in Newsmag theme.

Thank you!

Hi,

Unfortunately, no, the sidebar will be display on the mobile after the main content, the only solution will be to set the sidebar in the left place.

For the second question: you can achieve that if you are using a cloud header from tagDiv Cloud Library and you can edit it with tagDiv Composer and you can set it like this -> https://i.imgur.com/h19Ik6z.png or you can use the mobile theme plugin -> https://i.imgur.com/iJzqrrW.png

Thank you for your understanding!

Hi,

Is look that the css is not applied because is not set write, the works are connected between theme and this is not good, this should look like this -> https://i.imgur.com/e4qtYEb.png so in order to work properly, you need to set the css code and js code in theme panel> custom code> this code will be set in css
.tg {border-collapse:collapse;border-spacing:0;border-color:#bbb;}
.tg td{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#bbb;color:#594F4F;background-color:#E0FFEB;}
.tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#bbb;color:#493F3F;background-color:#9DE0AD;}
.tg .tg-c3ow{border-color:inherit;text-align:center;vertical-align:top}
.tg .tg-4qqe{font-weight:bold;font-size:22px;border-color:inherit;text-align:center;vertical-align:top}
.tg .tg-7jts{font-size:18px;border-color:inherit;text-align:center;vertical-align:top}
.tg-sort-header::-moz-selection{background:0 0}.tg-sort-header::selection{background:0 0}.tg-sort-header{cursor:pointer}.tg-sort-header:after{content:'';float:right;margin-top:7px;border-width:0 5px 5px;border-style:solid;border-color:#404040 transparent;visibility:hidden}.tg-sort-header:hover:after{visibility:visible}.tg-sort-asc:after,.tg-sort-asc:hover:after,.tg-sort-desc:after{visibility:visible;opacity:.4}.tg-sort-desc:after{border-bottom:none;border-width:5px 5px 0}
-> https://i.imgur.com/uKTfHei.png

this code will be set in custom javascript

var TGSort=window.TGSort||function(n){"use strict";function r(n){return n?n.length:0}function t(n,t,e,o=0){for(e=r(n);o<e;++o)t(n[o],o)}function e(n){return n.split("").reverse().join("")}function o(n){var e=n[0];return t(n,function(n){for(;!n.startsWith(e);)e=e.substring(0,r(e)-1)}),r(e)}function u(n,r,e=[]){return t(n,function(n){r(n)&&e.push(n)}),e}var a=parseFloat;function i(n,r){return function(t){var e="";return t.replace(n,function(n,t,o){return e=t.replace(r,"")+"."+(o||"").substring(1)}),a(e)}}var s=i(/^(?:\s*)([+-]?(?:\d+)(?:,\d{3})*)(\.\d*)?$/g,/,/g),c=i(/^(?:\s*)([+-]?(?:\d+)(?:\.\d{3})*)(,\d*)?$/g,/\./g);function f(n){var t=a(n);return!isNaN(t)&&r(""+t)+1>=r(n)?t:NaN}function d(n){var e=[],o=n;return t([f,s,c],function(u){var a=[],i=[];t(n,function(n,r){r=u(n),a.push(r),r||i.push(n)}),r(i)<r(o)&&(o=i,e=a)}),r(u(o,function(n){return n==o[0]}))==r(o)?e:[]}function v(n){if("TABLE"==n.nodeName){for(var a=function(r){var e,o,u=[],a=[];return function n(r,e){e(r),t(r.childNodes,function(r){n(r,e)})}(n,function(n){"TR"==(o=n.nodeName)?(e=[],u.push(e),a.push(n)):"TD"!=o&&"TH"!=o||e.push(n)}),[u,a]}(),i=a[0],s=a[1],c=r(i),f=c>1&&r(i[0])<r(i[1])?1:0,v=f+1,p=i[f],h=r(p),l=[],g=[],N=[],m=v;m<c;++m){for(var T=0;T<h;++T){r(g)<h&&g.push([]);var C=i[m][T],L=C.textContent||C.innerText||"";g[T].push(L.trim())}N.push(m-v)}t(p,function(n,t){l[t]=0;var a=n.classList;a.add("tg-sort-header"),n.addEventListener("click",function(){var n=l[t];!function(){for(var n=0;n<h;++n){var r=p[n].classList;r.remove("tg-sort-asc"),r.remove("tg-sort-desc"),l[n]=0}}(),(n=1==n?-1:+!n)&&a.add(n>0?"tg-sort-asc":"tg-sort-desc"),l[t]=n;var i,f=g[t],m=function(r,t){return n*f[r].localeCompare(f[t])||n*(r-t)},T=function(n){var t=d(n);if(!r(t)){var u=o(n),a=o(n.map(e));t=d(n.map(function(n){return n.substring(u,r(n)-a)}))}return t}(f);(r(T)||r(T=r(u(i=f.map(Date.parse),isNaN))?[]:i))&&(m=function(r,t){var e=T[r],o=T[t],u=isNaN(e),a=isNaN(o);return u&&a?0:u?-n:a?n:e>o?n:e<o?-n:n*(r-t)});var C,L=N.slice();L.sort(m);for(var E=v;E<c;++E)(C=s[E].parentNode).removeChild(s[E]);for(E=v;E<c;++E)C.appendChild(s[v+L[E-v]])})})}}n.addEventListener("DOMContentLoaded",function(){for(var t=n.getElementsByClassName("tg"),e=0;e<r(t);++e)try{v(t[e])}catch(n){}})}(document)
-> https://i.imgur.com/rOUKtOt.png

and this code will be set in the post content in code editor

<table id="tg-WD84p" class="tg">
<tbody>
<tr>
<th class="tg-4qqe" colspan="4"> Total Vacancy Details</th>
</tr>
<tr>
<td class="tg-7jts" colspan="4"> Graduate Executive Trainee
NEW JOB NOTIFICATION</td>
</tr>
<tr>
<td class="tg-c3ow"> S.No</td>
<td class="tg-c3ow"> Post name</td>
<td class="tg-c3ow"> Number of Post</td>
<td class="tg-c3ow"> Qualification</td>
</tr>
<tr>
<td class="tg-c3ow"> 1</td>
<td class="tg-c3ow"> Mechanical</td>
<td class="tg-c3ow"> 125</td>
<td class="tg-c3ow"> Bachelor Degree (Mechanical
Engg)</td>
</tr>
<tr>
<td class="tg-c3ow"> 2</td>
<td class="tg-c3ow"> Electrical (EEE)</td>
<td class="tg-c3ow"> 65</td>
<td class="tg-c3ow"> Bachelor Degree (Electrical
Engg)</td>
</tr>
<tr>
<td class="tg-c3ow"> 3</td>
<td class="tg-c3ow"> Electrical (ECE)</td>
<td class="tg-c3ow"> 10</td>
<td class="tg-c3ow"> Bachelor Degree (Electronics
& Communication Engg)</td>
</tr>
<tr>
<td class="tg-c3ow"> 4</td>
<td class="tg-c3ow"> Civil</td>
<td class="tg-c3ow"> 5</td>
<td class="tg-c3ow"> Bachelor Degree (Civil Engg)</td>
</tr>
<tr>
<td class="tg-c3ow"> 5</td>
<td class="tg-c3ow"> Control &
Instrumentation</td>
<td class="tg-c3ow"> 15</td>
<td class="tg-c3ow"> Bachelor Degree
(Instrumentation &</td>
</tr>
<tr>
<td class="tg-c3ow"> 6</td>
<td class="tg-c3ow"> Computer</td>
<td class="tg-c3ow"> 5</td>
<td class="tg-c3ow"> Bachelor Degree (Computer
Science/ Computer Engg/ Information Technology)/ PG Degree (Computer)</td>
</tr>
<tr>
<td class="tg-c3ow"> 7</td>
<td class="tg-c3ow"> Mining</td>
<td class="tg-c3ow"> 5</td>
<td class="tg-c3ow"> Bachelor Degree (Mining
Engineering)</td>
</tr>
<tr>
<td class="tg-c3ow"> 8</td>
<td class="tg-c3ow"> Geology</td>
<td class="tg-c3ow"> 5</td>
<td class="tg-c3ow"> M.Tech/ M.Sc (Geology)</td>
</tr>
<tr>
<td class="tg-c3ow"> 9</td>
<td class="tg-c3ow"> Finance</td>
<td class="tg-c3ow"> 14</td>
<td class="tg-c3ow"> CA/ CMA/ Degree (Any
Discipline)</td>
</tr>
<tr>
<td class="tg-c3ow"> 10</td>
<td class="tg-c3ow"> Human Resource</td>
<td class="tg-c3ow"> 10</td>
<td class="tg-c3ow"> Degree (Any Discipline), PG
Degree/ Diploma (Relevant Discipline)</td>
</tr>
</tbody>
</table>
-> https://i.imgur.com/JE2jQlG.png

Hope this will work better now!
Thank you!

Hi,

The mobile hamburger menu can be change only if you are using a cloud header -> https://i.imgur.com/SfVVTCf.png, from tagDiv Cloud Library, this can be edited with tagDiv Composer like this -> https://i.imgur.com/HGzuhUG.png -> https://i.imgur.com/XqwdZiv.png -> https://i.imgur.com/75t3WiS.png -> https://i.imgur.com/SGOJb4l.png

Hope this will help you!
Thank you!

Hi,

Some of the cloud headers like the l’historie header, do not have a top bar and you need to add it, for this you’ll need to edit the cloud header from tagDiv Cloud Library using tagDiv Composer -> https://i.imgur.com/CYHrIbk.png -> add anew row where you want to have the top bar -> https://i.imgur.com/BBXsGtV.png and set the elements you want in it https://i.imgur.com/j6d4daG.png -> https://i.imgur.com/93NTY1N.png ->

Also if you want you can import other cloud header that already have a top bar.

Hope this will help you!
Thank you!