Child theme drop down arrow broke?

So I created a child theme after getting my parent theme configured the best I could. And once I created the child theme the dropdown arrows on the menu showed up as an unknown icon. I swapped it from SVG to font on the child theme and it fixed the problem. It also made my menu font from 20 to like 15. It doesn't look terrible but I want my menu buttons pushed as far to the limit as possible to fit without overlapping the logo(which I plan on making bigger). I change the font size and it makes my logo appear above the menu until I shrink the width which is fine. But once I hit publish and view it out of customize mode the font size is right back to 15 even thought the parent theme it was 20px. Yes it can be fixed with css but I want to take control of every file that has any settings in it what so every so I can just go in and make edits instead of sitting there loading up my additional CSS file with 100's of lines of code. That's the reason I created the child theme to begin with. I don't mind spending hours and hours editing code line by line to change colors and image/icon/content positioning to get the results I want to prevent from having a long CSS file. From my understanding unsemantic-grid-lite.css/mobile.css/style.css all pass code to all.min.css so how do I go about taking control of the parents styles so the child theme actually has control of what's changing? I want to be able to edit everything where when I update the parent theme nothing gets overwritten on the child theme.

It's a waste of my time to sit there and fight menu fonts when I could control them and not worry about the parent theme reverting settings back to the original. You'd think it was handled just in style.css to overwrite the parents style.css but no you go into the parents style.css and the thing you want to edit isn't even in there. It's it's located in all.min.css but all.min.css can't be edited without being overwritten by the parent theme upon updating it.

https://imgur.com/a/ESOKSna

When I edit my menu item height it works like it should with the menu items but it also changes the size of the logo. Why? If I want my menu items to look the way I want my logo has to be shrunk to the size I can barely see it. https://imgur.com/a/6VecCFj

I know y'all like us to post issues in separate topics but it takes half a day before I get a response and at that rate my website will be done by 2022 when I need it done by the end of May.

Hi there,

I'm thinking this might be the issue:
https://docs.generatepress.com/article/child-theme-issues/#import

Can you try a fresh child theme from us here?
https://docs.generatepress.com/article/using-child-theme/#installing-a-child-theme

This is my function.php of my child theme.

<?php
// Exit if accessed directly
if ( !defined( 'ABSPATH' ) ) exit;

// BEGIN ENQUEUE PARENT ACTION
// AUTO GENERATED - Do not modify or remove comment markers above or below:

if ( !function_exists( 'chld_thm_cfg_locale_css' ) ):
    function chld_thm_cfg_locale_css( $uri ){
        if ( empty( $uri ) && is_rtl() && file_exists( get_template_directory() . '/rtl.css' ) )
            $uri = get_template_directory_uri() . '/rtl.css';
        return $uri;
    }
endif;
add_filter( 'locale_stylesheet_uri', 'chld_thm_cfg_locale_css' );

if ( !function_exists( 'chld_thm_cfg_parent_css' ) ):
    function chld_thm_cfg_parent_css() {
        wp_enqueue_style( 'chld_thm_cfg_parent', trailingslashit( get_template_directory_uri() ) . 'style.css', array( 'generate-style' ) );
    }
endif;
add_action( 'wp_enqueue_scripts', 'chld_thm_cfg_parent_css', 10 );

// END ENQUEUE PARENT ACTION

You can try removing the existing functions and see if it solves the issue.

Or simply download a fresh one from my link above that we know it definitely works.

That fixed it. Thanks! All I had to do was delete the stuff in functions. But before doing that I did read the section about creating a child theme. So all questions are answered. I'll move my last question to a new topic. Thanks for the help!

No problem :)