• Resolved noritarte

    (@noritarte)


    Sorry I’m not an expert, I’ve been using the storefront theme for a few days and I don’t know how to solve a problem: why does the logo on the homepage have a slightly different position from the one on the other pages? How can I make it always appear in the same position on all the pages? Thanks for your help

    The page I need help with: [log in to see the link]

Viewing 8 replies - 1 through 8 (of 8 total)
  • My guess would be it has something to do with either the Advanced Woo Search or Ajax Search for WooCommerce plugins you are using. If you disable both of those at the same time, does it cause the logo to display correctly across all pages of the site?

    Thread Starter noritarte

    (@noritarte)

    Thank you for the suggestion. I’ve disabled both, but it doesn’t change. In the first two pages (homepage and products) the logo and the menu are in a different position from the other 3 pages. I thought it was the sidebar, but even removing all the elements doesn’t change anything.

    If you change the Page Template for the homepage over to the Homepage template instead of the default, does that align the logo correctly?

    Thread Starter noritarte

    (@noritarte)

    I tried to change the template but the result is always the same. Even when I deactivate the plugins I can’t see any difference. Maybe it’s a problem with additional css? At first glance, however, I don’t see any of them related only to the homepage.

    Update: I solved the problem of the product page by changing it with a new page and removing the default one. I tried to do the same with the Homepage but the problem remains. So now I have all the pages with the logo in the same position except the homepage.

    Looking at your CSS it looks like the following is the cause for the homepage

    *,::after,::before{box-sizing: border-box !important;}

    Not sure where that is coming from but the other CSS around it uses the .atw_wrapper class.

    In any event, the following in Appearance->Customize->Additional CSS should resolve the issue

    .home *, .home ::after, .home ::before {
        box-sizing: content-box !important;
    }
    Thread Starter noritarte

    (@noritarte)

    It works perfectly, thanks!!!

    Thread Starter noritarte

    (@noritarte)

    There’s still one small problem. Your solution works perfectly for the logo, but it creates some collateral problems: the search box in the sidebar gets bigger and the grid of products shrinks: if each line should contain 4 products, after I insert your css shows three products, because the container is reduced. What could be the problem?

    I’m not quite sure to be honest with you. I think it has something to do with whatever is using the atw_wrapper class but I’m not sure which plugin that is.

    There might be somebody else that will see this and be able to offer a solution.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘how to fix logo position’ is closed to new replies.