CODEWITHSUNDEEP
htmlcss
fresher
fresher

Reputation: 901

display all dropdown options from same place

once we visit link on top right, we can see र - INR

once we hover on that, we can see dropdown options.

enter image description here

if we select Australian $ , it will merge with the 3rd icon.

enter image description here

But i wanted to display Australian $ position as same as र - INR and whatever option if we select also it should display from same place. I dont want to change the position of र - INR

css

.a123
{
   position: absolute;
    right: -33px;
    top: 18px;
    z-index: 999;
    font-size: 15px;
}

.dropDownMenu a:first-child {
    color: #636363;
    font-weight: normal;
}

html

<div class="form-language">
    <ul id="select-language" title="<?php echo $this->__('Currency') ?>" class="dropDownMenu">
        <li><a href=""><?php echo $selCurrency ?></a>
        <ul>
            <?php echo $lis ?>
        </ul>
        </li>
    </ul>
</div>

Upvotes: 1

Views: 85

Answers (1)

Ani Menon
Ani Menon

Reputation: 28247

In .a123 change right:-33px; to right:-55px;.

In .dropDownMenu li set width: 120px; and text-align:center;

Upvotes: 1

Related Questions