How can I increase the size of the logo, hamgurger menu and add Home text

Hi,
How can you aid me solve these;
1. Increase the logo and the hamburger size
2. Add a "Home" text below the Hamburger menu.

Shot: http://awesomescreenshot.com/09f4zxap34

url: http://ultramediasolution.com

Regards

Regards

  • Sajid

    Hi @Barni! Hope you are doing good today :slight_smile:

    Thanks for disabling the WordFence plugin. Now I am able to access your website.

    To make the logo and hamburger menu size, add below code in style.css file of your child theme or use Simple Custom CSS plugin.

    #Top_bar #logo img {
      max-height: none;
      width: 150px;
    }
    .header-overlay .overlay-menu-toggle {
      font-size: 60px;
    }

    Increase or decrease the values (150 and 60) according to your requirements.

    To add text below the hamburger menu, you have to edit header.php file of your theme. I strongly recommend you to use child theme for .php file customizations. This way your changes will not be overridden when you update your theme in future.

    You can create a child theme manually by following steps mentioned in this manual or by using one click child theme creator plugin.
    https://premium.wpmudev.org/blog/how-to-create-wordpress-child-theme/
    https://wordpress.org/plugins/one-click-child-theme/

    Now you have your child theme created, copy header.php file from parent theme and paste in your newly created child theme directory.

    Find below code in this file (if you can not find this code then please post the code of header.php file here):

    <a class="overlay-menu-toggle" href="#"><i class="open icon-menu"></i><i class="close icon-cancel"></i></a>

    ...and right after above code, add your own text like below.

    <span class="custom_text">YourTextGoesHere</span>

    Let me know how it goes :slight_smile:

    Cheers, Sajid

  • Barni

    Hi @Sajid, bravo! Thanks a million and good traction, taught you've forgotten the solution. But I didn't find the code and here is the header.php

    <?php
    /**
    * The Header for our theme.
    *
    * @package Betheme
    * @author Muffin group
    * @link http://muffingroup.com
    */
    ?><!DOCTYPE html>
    <?php
    if( $_GET && key_exists('mfn-rtl', $_GET) ):
    echo '<html class="no-js" lang="ar" dir="rtl">';
    else:
    ?>
    <html class="no-js" <?php language_attributes(); ?> <?php mfn_tag_schema(); ?>>
    <?php endif; ?>

    <!-- head -->
    <head>

    <!-- meta -->
    <meta charset="<?php bloginfo( 'charset' ); ?>" />
    <?php if( mfn_opts_get('responsive') ) echo '<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">'; ?>

    <title itemprop="name"><?php
    if( mfn_title() ){
    echo mfn_title();
    } else {
    global $page, $paged;
    wp_title( '|', true, 'right' );
    bloginfo( 'name' );
    if ( $paged >= 2 || $page >= 2 ) echo ' | ' . sprintf( __( 'Page %s', 'betheme' ), max( $paged, $page ) );
    }
    ?></title>

    <?php do_action('wp_seo'); ?>

    <link rel="shortcut icon" href="<?php mfn_opts_show('favicon-img',THEME_URI .'/images/favicon.ico'); ?>" type="image/x-icon" />

    <!-- wp_head() -->
    <?php wp_head(); ?>
    </head>

    <!-- body -->
    <body <?php body_class(); ?>>

    <?php do_action( 'mfn_hook_top' ); ?>

    <?php get_template_part( 'includes/header', 'sliding-area' ); ?>

    <?php if( mfn_header_style( true ) == 'header-creative' ) get_template_part( 'includes/header', 'creative' ); ?>

    <!-- #Wrapper -->
    <div id="Wrapper">

    <?php
    // Header Featured Image ----------
    $header_style = '';

    // Image -----
    if( mfn_ID() && ! is_search() ){
    if( ( ( mfn_ID() == get_option( 'page_for_posts' ) ) || ( get_post_type() == 'page' ) ) && has_post_thumbnail( mfn_ID() ) ){

    // Pages & Blog Page ---
    $subheader_image = wp_get_attachment_image_src( get_post_thumbnail_id( mfn_ID() ), 'full' );
    $header_style .= ' style="background-image:url('. $subheader_image[0] .');"';

    } elseif( get_post_meta( mfn_ID(), 'mfn-post-header-bg', true ) ){

    // Single Post ---
    $header_style .= ' style="background-image:url('. get_post_meta( mfn_ID(), 'mfn-post-header-bg', true ) .');"';

    }
    }

    // Attachment -----
    if( mfn_opts_get('img-subheader-attachment') == 'fixed' ){
    $header_style .= ' class="bg-fixed"';
    } elseif( mfn_opts_get('img-subheader-attachment') == 'parallax' ){
    $header_style .= ' class="bg-parallax" data-stellar-background-ratio="0.5"';
    }
    ?>

    <?php if( mfn_header_style( true ) == 'header-below' ) echo mfn_slider(); ?>

    <!-- #Header_bg -->
    <div id="Header_wrapper" <?php echo $header_style; ?>>

    <!-- #Header -->
    <header id="Header">
    <?php if( mfn_header_style( true ) != 'header-creative' ) get_template_part( 'includes/header', 'top-area' ); ?>
    <?php if( mfn_header_style( true ) != 'header-below' ) echo mfn_slider(); ?>
    </header>

    <?php
    if( ( mfn_opts_get('subheader') != 'all' ) && ! get_post_meta( mfn_ID(), 'mfn-post-hide-title', true ) ){

    if( is_search() ){
    // Page title -------------------------

    echo '<div id="Subheader">';
    echo '<div class="container">';
    echo '<div class="column one">';

    global $wp_query;
    $total_results = $wp_query->found_posts;

    $translate['search-results'] = mfn_opts_get('translate') ? mfn_opts_get('translate-search-results','results found for:') : __('results found for:','betheme');
    echo '<h1 class="title">'. $total_results .' '. $translate['search-results'] .' '. get_search_query() .'</h1>';

    echo '</div>';
    echo '</div>';
    echo '</div>';

    } elseif( ! mfn_slider() || mfn_opts_get( 'subheader-slider-show' ) ){
    // Page title -------------------------

    // Subheader | Options
    $subheader_options = mfn_opts_get( 'subheader' );

    if( is_array( $subheader_options ) && isset( $subheader_options['hide-subheader'] ) ){
    $subheader_show = false;
    } elseif( get_post_meta( mfn_ID(), 'mfn-post-hide-title', true ) ){
    $subheader_show = false;
    } else {
    $subheader_show = true;
    }

    if( is_array( $subheader_options ) && isset( $subheader_options['hide-breadcrumbs'] ) ){
    $breadcrumbs_show = false;
    } else {
    $breadcrumbs_show = true;
    }

    if( is_array( $subheader_options ) && isset( $subheader_options['breadcrumbs-link'] ) ){
    $breadcrumbs_link = 'has-link';
    } else {
    $breadcrumbs_link = 'no-link';
    }

    // Subheader | Print
    if( $subheader_show ){
    echo '<div id="Subheader">';
    echo '<div class="container">';
    echo '<div class="column one">';

    // Title
    echo '<h1 class="title">'. mfn_page_title() .'</h1>';

    // Breadcrumbs
    if( $breadcrumbs_show ) mfn_breadcrumbs( $breadcrumbs_link );

    echo '</div>';
    echo '</div>';
    echo '</div>';
    }

    }

    }
    ?>

    </div>

    <?php do_action( 'mfn_hook_content_before' ); ?>

  • Sajid

    Hi @Barni! Hope you are doing good today :slight_smile:

    Okay find this code in your header.php file.

    <?php if( mfn_header_style( true ) != 'header-creative' ) get_template_part( 'includes/header', 'top-area' ); ?>

    ...and right after above code, add your own text like below.

    <span class="custom_text">YourTextGoesHere</span>

    Now add this custom CSS code where you added the code to increase logo and hamburger menu.

    .custom_text{
    position: fixed;
      right: 30px;
      top: 90px;
      z-index: 9999;
      color: white;
      margin-right: 30px;
      font-size: 24px;
    }

    Feel free to customize the values according to your requirements.

    Cheers, Sajid

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.