Different header component position in Chrome and other browsers

  • Answered
My site is having different positions of the modules in header, I did most of my customization using chrome and it looks like i want on chrom, but on other browsers, position of logo, cart , and search box is different. I am new to prestashop and web programming and did this site just by trial and error, so it is quite possible that i have missed some basic requirement. In addition, my site is also facing some problem in displaying cart and horizontal menu in mobile, I am not sure these two problems are linked with each other orr are different and need to be put under separate questions. I am providing links to screenshots to make myself more clear:
screenshot on chrome browser: http://prnt.sc/b19l9n
Screenshot of site on Mozilla : http://prnt.sc/b19lou
Screenshot of the site on mobile: http://prnt.sc/b1ae4d
My current prestashop version is
I hope that I have made myself clear, please let me know, if more information is required.
Hello skulsh,

Sorry to hear you are having issues with your custom PrestaShop layout on different browsers. I looked at your sites live with Chrome and FireFox. They both look the same on my screens. They look like the Mozilla screenshot you provided.

The issue will likely just be in the way you customize your CSS. There are many times when one browser acts differently than another. The only way to find to make them the same is trial and error, and learning how the different commands work in the differenent browsers.

Unfortunately there is nothing specific we can provide that will fix the issue for you since this falls under coding.

Kindest Regards,
Scott M