Search bar, Account and Shopping Bag Don’t Fit

Hi @kelseyv22,

To fix the issue, you can add below code in Additional CSS via Admin Dashboard > Appearance > Customize > Additional CSS.

.header-three .header-main .right {
    width: 154px;
}

Kind regards.

Hello,
That didn’t seem to fix the issue. In full screen the shopping bag is still under the account name instead of in the same row.

Hi

Please add the add below code in Additional CSS via Admin Dashboard > Appearance > Customize > Additional CSS.

@media screen and (min-width: 1025px) {
    .header-three .header-main .site-branding {
        flex: 1;
    }
    .header-three .header-main .main-navigation {
        flex: 2;
    }
    .header-three .header-main .right {
        width: auto;
        flex: 1;
    }
}

Thank you.

Hi there, This didn’t work. Am i able to post a screenshot somehow?

Hi @kelseyv22,

We tested the code and it is working fine. We inspected your site and noticed that you have not added the code. Can you please add the code to Additional CSS and publish the changes. Screenshot-https://prnt.sc/upr9m3

Kind regards.

• This reply was modified 4 years, 2 months ago by blossomthemessupport.

Hi there,
It’s been published and still no change. It’s only been published on the staging site here:
https://www.staging27.sidebizstudio.ca/
Is there a way for ME to send a screenshot to YOU?

Kelsey

Hi @kelseyv22,

It is strange that the code is not reflecting on your site even after publishing it.

I suggest you open a support ticket here-https://blossomthemes.com/my-account/

I will be looking forward to hearing from you.

Kind regards.