Homepage products alignment and handheld menu-bar toggle problem

Hello @sami35 ,

Thanks for reaching out!

a. I could not locate the problem with alignment. If you still have issues you can share a screenshot. You can use https://snipboard.io/ to share a screenshot.

b. You can use this CSS in your Appearance > Customize > Additional CSS field to add more space between the logo and the menu items –

@media only screen and (max-width: 600px) {
    .handheld-navigation {
        padding-top: 15px;
    }
}

Thank you ??

Thanks for the 1st answer.

This is the link, here I have described my problems:
https://www.21aboimela.com/problem/

Just to know, Are you from Bangladesh?

Hello @sami35 ,

Thanks for the screenshots.

It looks like the WooCommerce blocks add a negative right margin to the product list hence you see that difference.

You can fix this by using this CSS –

.wc-block-grid__products {
    margin-right: 0;
}

I hope this helps.

Unfortunately, we are unable to share any personal information in this forum.

Thank you ??

Hi there,

We’ve not heard back from you in a while, so I’m marking this thread as resolved.

Hopefully, you were able to find a solution to your problem! If you have further questions, please feel free to open a new topic.

Thank you ??