<section id="ctf-header-section" class="ctf-preview-header-ctn ctf-fb-fs ctf-preview-section" :data-dimmed="!isSectionHighLighted('header')" v-if="valueIsEnabled(customizerFeedData.settings.showheader) && customizerFeedData.header && sourcesList.length">

[0] Fix | Delete

<!--Visual header-->

[1] Fix | Delete

<div class="ctf-preview-header-visual ctf-fb-fs" v-if="customizerFeedData.settings.headertype == 'visual'">

[2] Fix | Delete

<div class="ctf-preview-header-cover ctf-fb-fs" v-if="valueIsEnabled(customizerFeedData.settings.headercover)">

[3] Fix | Delete

<img v-if="hasOwnNestedProperty(customizerFeedData, 'header.cover.source')" :src="customizerFeedData.header.cover.source">

[4] Fix | Delete

<div class="ctf-preview-header-likebox" v-if="valueIsEnabled(customizerFeedData.settings.headerbio)">

[5] Fix | Delete

<div v-html="svgIcons['facebook']"></div>

[6] Fix | Delete

<span>{{customizerFeedData.header.fan_count}}</span>

[7] Fix | Delete

</div>

[8] Fix | Delete

</div>

[9] Fix | Delete

<div class="ctf-preview-header-info-ctn ctf-fb-fs">

[10] Fix | Delete

<div class="ctf-preview-header-avatar" v-if="valueIsEnabled(customizerFeedData.settings.headername)" >

[11] Fix | Delete

<img v-if="hasOwnNestedProperty(customizerFeedData, 'header.picture.data.url')" :src="customizerFeedData.header.picture.data.url">

[12] Fix | Delete

</div>

[13] Fix | Delete

<div class="ctf-preview-header-info">

[14] Fix | Delete

<h3 class="ctf-preview-header-name" v-if="valueIsEnabled(customizerFeedData.settings.headername)" >{{customizerFeedData.header.name}}</h3>

[15] Fix | Delete

<div class="ctf-preview-header-bio" v-if="valueIsEnabled(customizerFeedData.settings.headerbio)">{{customizerFeedData.header.about}}</div>

[16] Fix | Delete

</div>

[17] Fix | Delete

</div>

[18] Fix | Delete

</div>

[19] Fix | Delete

<!--Text header-->

[20] Fix | Delete

<div class="ctf-preview-header-text ctf-fb-fs" v-if="customizerFeedData.settings.headertype == 'text'">

[21] Fix | Delete

<h3 class="ctf-preview-header-text-h ctf-fb-fs">

[22] Fix | Delete

<div class="ctf-preview-header-text-icon" v-if="valueIsEnabled(customizerFeedData.settings.headericonenabled)">

[23] Fix | Delete

<span class="ctf-header-text-icon fa fab " :class="'fa-'+customizerFeedData.settings.headericon"></span>

[24] Fix | Delete

</div>

[25] Fix | Delete

<span class="ctf-header-text" v-html="customizerFeedData.settings.headertext"></span>

[26] Fix | Delete

</h3>

[27] Fix | Delete

</div>

[28] Fix | Delete

[29] Fix | Delete

</section>

[30] Fix | Delete

[31] Fix | Delete

<svg width="24px" height="24px" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="ctf-screenreader" role="img" aria-labelledby="metaSVGid metaSVGdesc" alt="Comments Box SVG icons"><title id="metaSVGid">Comments Box SVG icons</title><desc id="metaSVGdesc">Used for the like, share, comment, and reaction icons</desc><defs><linearGradient id="angryGrad" x1="0" x2="0" y1="0" y2="1"><stop offset="0%" stop-color="#f9ae9e"></stop><stop offset="70%" stop-color="#ffe7a4"></stop></linearGradient><linearGradient id="likeGrad"><stop offset="25%" stop-color="rgba(0,0,0,0.05)"></stop><stop offset="26%" stop-color="rgba(255,255,255,0.7)"></stop></linearGradient><linearGradient id="likeGradHover"><stop offset="25%" stop-color="#a3caff"></stop><stop offset="26%" stop-color="#fff"></stop></linearGradient><linearGradient id="likeGradDark"><stop offset="25%" stop-color="rgba(255,255,255,0.5)"></stop><stop offset="26%" stop-color="rgba(255,255,255,0.7)"></stop></linearGradient></defs></svg>

[32] Fix | Delete