0

I have modified the header in my Magento2 site and it appears skewed to the right. I have checked the CSS of the div and the subsequent elements - logo, search and cart and cannot find a fix. Attached is a screen shot and the living site can be seen here: shorturl.at/nFJMT

What am I missing?

enter image description here

7
  • There could be any number of reasons for this, it's hard to tell without having a link to the site or the code. A guess would be a max-width or flexbox related issue. – Ben Crook Feb 10 at 17:26
  • 1
    I’m voting to close this question because it is not related to Magento, it's a general CSS issue. Also, more details are needed as it's very unlikely this can be fixed without either a link to the site or the used CSS. – Ben Crook Feb 10 at 17:27
  • @BenCrook The link is in the original post: shorturl.at/nFJMT – Petey88 Feb 10 at 17:28
  • The link doesn't work, it just loads a URL shortener site with an ad and a request for notifications. – Ben Crook Feb 10 at 17:32
  • 1
    Try shorturl.at/hpCF2 – Petey88 Feb 10 at 17:33
1

Add the following CSS:

.header.content .minicart-wrapper {
    margin-left: auto;
}

.header.content .logo {
    margin-right: auto;
}

OR

Remove flex: none!important from .header.content>*

enter image description here

1
  • 1
    That did the trick. Thank you. – Petey88 Feb 10 at 18:00

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.