nsdlfefinedieicbe nsdlfefinedieicbe - 1 year ago 37
CSS Question

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


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

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


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

Answer Source

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

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