ہیڈر کو دو الگ حصوں میں تقسیم کرنا

header setting

go to header 1

search

 <div class='fauxborder-left header-fauxborder-left'>

    <div class='fauxborder-right header-fauxborder-right'/>

    <div class='region-inner header-inner'>

      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

        <b:widget id='Header1' locked='true' title='منمن (سر نامہ)' type='Header' version='1'>

          <b:widget-settings>

            <b:widget-setting name='displayUrl'/>

            <b:widget-setting name='displayHeight'>0</b:widget-setting>

            <b:widget-setting name='sectionWidth'>-1</b:widget-setting>

            <b:widget-setting name='useImage'>false</b:widget-setting>

            <b:widget-setting name='shrinkToFit'>false</b:widget-setting>

            <b:widget-setting name='imagePlacement'>BEHIND</b:widget-setting>

            <b:widget-setting name='displayWidth'>0</b:widget-setting>

          </b:widget-settings>

          <b:includable id='main'>

  <b:if cond='data:useImage'>

    <b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>

      <!--

      Show image as background to text. You can't really calculate the width

      reliably in JS because margins are not taken into account by any of

      clientWidth, offsetWidth or scrollWidth, so we don't force a minimum

      width if the user is using shrink to fit.

      This results in a margin-width's worth of pixels being cropped. If the

      user is not using shrink to fit then we expand the header.

      -->

      <b:if cond='data:mobile'>

          <div id='header-inner'>

            <div class='titlewrapper' style='background: transparent'>

              <h1 class='title' style='background: transparent; border-width: 0px'>

                <b:include name='title'/>

              </h1>

            </div>

            <b:include name='description'/>

          </div>

        <b:else/>

          <div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot;                        + &quot;background-position: &quot;                        + data:backgroundPositionStyleStr + &quot;; &quot;                        + data:widthStyleStr                        + &quot;min-height: &quot; + data:height                        + &quot;_height: &quot; + data:height                        + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>

            <div class='titlewrapper' style='background: transparent'>

              <h1 class='title' style='background: transparent; border-width: 0px'>

                <b:include name='title'/>

              </h1>

            </div>

            <b:include name='description'/>

          </div>

        </b:if>

    <b:else/>

      <!--Show the image only-->

      <div id='header-inner'>

        <a expr:href='data:blog.homepageUrl' style='display: block'>

          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>

        </a>

        <!--Show the description-->

        <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>

          <b:include name='description'/>

        </b:if>

      </div>

    </b:if>

  <b:else/>

    <!--No header image -->

    <div id='header-inner'>

      <div class='titlewrapper'>

        <h1 class='title'>

          <b:include name='title'/>

        </h1>

      </div>

      <b:include name='description'/>

    </div>

  </b:if>

</b:includable>

          <b:includable id='description'>

  <div class='descriptionwrapper'>

    <p class='description'><span><data:description/></span></p>

  </div>

</b:includable>

          <b:includable id='title'>

  <b:if cond='data:blog.url == data:blog.homepageUrl'>

    <data:title/>

  <b:else/>

    <a expr:href='data:blog.homepageUrl'><data:title/></a>

  </b:if>

</b:includable>

        </b:widget>

      </b:section>

    </div>

    </div>

REPLACE it with   WITH

<!-- SWT Header Section START --><div class='region-inner swt-header-inner'>

<b:section class='header-left' id='header-left' maxwidgets='1' name='Header-Left' showaddelement='yes'/>

<b:section class='header-right' id='header-right' maxwidgets='1' name='Header-Right' showaddelement='yes'/>

</div>

than  BEFORE     ]]></b:skin>     PASTE follwing code

.swt-header-inner { /* HELP: http://www.superwebtricks.com/?p=570 */

width: 100%; display: flex;

}

.header-left {

width:50%;

margin:0;

padding: 0;

float:left;

overflow:hidden;

}

.header-right {

width:50%;

margin:0;

padding: 0;

float:right;

overflow:hidden;

/* Blog Header inserted by www.superwebtricks.com */}