Floating 'edit' icon error?

-- url of the page with the problem -- : mywebsite.com/mypage
-- HikaShop version -- : HikaShop Business 2.2.3
-- Joomla version -- : Joomla! 3.2.0 Stable
-- PHP version -- : 5.3.28

I'm working on a new site that is not yet live, but I am having an odd problem with Hikashop, here is a screengrab;



The box floats above the site, so its position is static as I scroll up and down, clicking the pen/paper icon opens up the address information box.

Anyone seen this before, or knows why this might be showing like this?

Thanks!

Hi

the url you give is redirected to website.1and1.com/ so no one ( I) can test your web page !!
Some clue
1

---

focus on the box around the image
2

---

focus on width unit is in % or in px ( resize your browser border edge )
3

---

the box is in the left side so inline or perhaps float left



regard's

The highlighted 'box' is not linked to the template, it only appears if hika is active and a user is logged in to the checkout, and it floats above all other content.

Hi,

That issue IS a template problem actually.
That's because your template defines some CSS code for .modal instead of div.modal in its CSS files.
Change that in your template CSS file and it will display properly.

Thank-you Nicolas, I edited the bootstrap.css file and changes all modal to div.modal and the edit icon is now sitting in place as it should be and not floating around the screen - perfect! Thank-you!

i have like this in my template.....
bootstrap.min.css
bootstrap.min.rtl.css
bootstrap-responsive.min.css
bootstrap-responsive.min.rtl.css

should i edit all of them?

wow it worked i changed it all thanks!