Floating 'edit' icon error?

  • Posts: 7
  • Thank you received: 1
10 years 11 months ago #137258

-- 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!

Please Log in or Create an account to join the conversation.

  • Posts: 846
  • Thank you received: 92
10 years 11 months ago #137259

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

Last edit: 10 years 11 months ago by lionel75.

Please Log in or Create an account to join the conversation.

  • Posts: 7
  • Thank you received: 1
10 years 11 months ago #137260

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.

Please Log in or Create an account to join the conversation.

  • Posts: 82908
  • Thank you received: 13379
  • MODERATOR
10 years 11 months ago #137279

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.

The following user(s) said Thank You: leonardo, srwafu

Please Log in or Create an account to join the conversation.

  • Posts: 7
  • Thank you received: 1
10 years 11 months ago #137318

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!

The following user(s) said Thank You: leonardo

Please Log in or Create an account to join the conversation.

  • Posts: 13
  • Thank you received: 0
10 years 10 months ago #138735

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?

Please Log in or Create an account to join the conversation.

  • Posts: 13
  • Thank you received: 0
10 years 10 months ago #138737

wow it worked i changed it all :3 thanks! :)

Please Log in or Create an account to join the conversation.

Time to create page: 0.087 seconds
Powered by Kunena Forum