Help with font sizes and removing navigation bar

Technical Q&A
3

Hello @Korsa ,

Hope you are doing well.

Add the following CSS to your theme.css file to make all the requirements possible. Increase or decrease the font size as per your convenience.

  1. making the font of “most recent” and “subscribe” smaller than what the shopify editor allows me to do on the home page
    =>
    h2.featured-collection__heading {
    font-size: 18px !important;
    }

  2. Getting rid of the navigation bar (the bar that says: “Home > All > [insert product category]” in every page when for example you click on a product
    =>
    .breadcrumbs {
    display: none !important;
    }

  3. On any product page, changing the font size of the product smaller than the shopify editor page. For eg making
    =>
    h1.product__title {
    font-size: 20px !important;
    }

  4. on the Footer (mobile version), I want to remove the drop-down and have the footer subjects all available without having to click and have it pop down
    =>
    @media only screen and (max-width: 768px){
    .footer-top__block-content {
    display: block !important;
    max-height: none !important;
    visibility: visible !important;
    opacity: 1 !important;
    transition: none !important;
    }
    }