nsdlfefinedieicbe nsdlfefinedieicbe - 1 year ago 70
CSS Question

Display the text after 3 icons in header of the site

we are displaying text "a" using

<p class="a123">a</p>
in top left of the site as here

but i want to move text "a" to top right next to 3 icons.

enter image description here

we are using following code

<div id="header">

<header id="header" class="page-header">

<div class="page-header-container">
<!-- logo -->
<a class="logo" href="<?php echo $this->getUrl('') ?>">
<img src="<?php echo $this->getLogoSrc() ?>" alt="<?php echo $this->getLogoAlt() ?>" class="large" />
<img src="<?php echo $this->getLogoSrcSmall() ?>" alt="<?php echo $this->getLogoAlt() ?>" class="small" />

<!-- logo end-->

<!-- search bar image -->

<div id='hideshow'>
<img src="<?php echo $this->getSkinUrl('images/search_16.png');?>" alt="Search">

<!-- search bar image -->

<?php // In order for the language switcher to display next to logo on smaller viewports, it will be moved here.
// See app.js for details ?>
<div class="store-language-container"></div>

<div class="skip-links">

<div class="account-cart-wrapper">

<!-- account man image -->
<a href="<?php echo $this->helper('customer')->getAccountUrl(); ?>" data-target-element="#header-account" class="skip-link skip-account">
<span class="icon"></span>

<!-- account man image end -->

<!-- Cart icon start-->

<div class="header-minicart">
<?php echo $this->getChildHtml('minicart_head'); ?>

<!-- Cart icon end-->


// echo $this->getLayout()->createBlock('page/switch')->setTemplate('page/switch/languages.phtml')->tohtml();


<p class="a123">a</p>

<!-- Menu -->

<div id="header-nav" class="skip-content">
<?php echo $this->getChildHtml('topMenu') ?>

<!-- Menu end-->

<!-- Search -->

<div id="header-search" class="skip-content desktop-only">
<?php echo $this->getChildHtml('topSearch') ?>

<!-- Search end -->

<!-- Account -->

<div id="header-account" class="skip-content">
<?php echo $this->getChildHtml('topLinks') ?>
<!-- Account end-->


<!--<div id="header-search" class="desktop-only">
<?php echo $this->getChildHtml('topSearch') ?>


// echo $this->getChildHtml('topContainer');

please help me to find solution

Thanks in advance

Answer Source
.a123 {
    position: absolute;
    right: 0px;
    top: 10px;
    z-index: 999;
    font-size: 30px;

I hope this will help you. Screenshot

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download