Remove category title, reduce space + increase logo size

  • Resolved pedaltothemetal

    (@pedaltothemetal)


    5 years, 7 months ago

    Hello,

    I want to make the company logo in the header wider, somehow Storefront however seem to limit its width to about 200 px, even though I uploaded it with the recommended width of 470 px (I also tried 800 px).

    Adding this code gives me what I want, the problem is then however, that it doesn’t scale down anymore, if I visit the site from a device with a smaller screen. Changing max-width does nothing.

    
.site-header .site-branding img {
  min-width: 470px;
}

    Any ideas for a more elegant solution?

    The other thing is that I removed the category titles with this code:

    
.woocommerce-products-header {
display: none;
}
.site-info {
    display: none;
}

    There is now however quite a gap between the navigation bar (or whatever it’s called) and the sorting drop-down list. See picture in the link which explains what I mean.
    Screenshot

    Thanks for your help,

    Oliver

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

Viewing 1 replies (of 1 total)
  • Thread Starter pedaltothemetal

    (@pedaltothemetal)

    I found a solution. I removed the padding and reduced the margin:

    
.storefront-breadcrumb {
    margin: 0 0 1em;
    padding: 0;
}

form {
    margin-bottom: 1em;
}
Viewing 1 replies (of 1 total)
  • The topic ‘Remove category title, reduce space + increase logo size’ is closed to new replies.