• Hey! If you look this page in mobile device you can see that the menu’s main categories have smaller font size than sub-categories. I tried changing font size through elementor editor, it didn’t work. How can I change them to the same size?

    Also how can I change browser tab name’s of some pages? For ex. when you search something in my page and then it shows you the results then the browser tab name is in English, I would like to change that to my language. Same problem with 404 page.

    Thank you in advance

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Hi @browmaniac,

    For menu font size, try adding below css code to theme customizer css tab.

    @media screen and (max-width: 767px){
        header .elementor-nav-menu .menu-item .has-submenu {
            font-size: 15px !important;
        }    
        header .elementor-nav-menu .sub-menu .elementor-sub-item {
            font-size: 13px !important;
        }
    }

    For customizing title tag, you can try adding below code to theme’s functions file if it’s a child theme or install code snippets plugin and add the php code in it. also you can modify text as per your requirements. It will display default format as (site title | You searched for…).

    // Filter to modify the title tags
    function custom_modify_document_title_parts($title) {
        // Get the current query string to check if it's a search query
        $query_string = get_query_var('s');
    
        // Get the site title
        $site_title = get_bloginfo('name');
    
        // If it's a search query, modify the title accordingly
        if (!empty($query_string)) {
            $title['title'] = $site_title . ' | You searched for "' . esc_html($query_string) . '"';
        } else {
            $title['title'] = $site_title;
        }
    
        return $title;
    }
    add_filter('document_title_parts', 'custom_modify_document_title_parts');

    Thanks!

    Thread Starter browmaniac

    (@browmaniac)

    Hey @harshgajipara , thanks for quick help but the code changed only those menu item’s font size what have subcategories, but the ones without subcategories still remained small. I would like to make them all same size. ??

    Hi @browmaniac,

    Can you please try replacing above code with below code ?

    @media screen and (max-width: 767px){
        header .elementor-nav-menu .menu-item .menu-link {
            font-size: 15px !important;
        }    
        header .elementor-nav-menu .sub-menu .elementor-sub-item {
            font-size: 13px !important;
        }
    }

    Thanks!

    Thread Starter browmaniac

    (@browmaniac)

    @harshgajipara Thank you, this worked like a charm. But for customizing/translating tab title isn’t there any other solution than adding code to theme?

    @browmaniac , That’s great. For the tab title, In some of the themes, they provide the settings to manage tab title but for checking if it’s in this site I may need to log into admin.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Mobile header’s menu main category font size’ is closed to new replies.