Hello Summer Sale!
Exclusive season-opening discount on TheGem theme.
Limited time offer.

Okay
  Public Ticket #2215128
Top header width 100%
Closed

Comments

  • peifferroscawolf started the conversation

    Hi There,

    Is it possible to have the top header span 100%? Also, is it possible to link the text in the top area?

    Thanks!

  •  7,280
    Oliver replied

    Hi,

    1. pls. use following css:

    @media (min-width: 1212px) {
    #top-area .container {
        width: 100%;
    }
    }

     

    6707465710.png

    2. Add this code to the functions.php of the child theme:

    function thegem_top_area_contacts()
        {
            $output = '';
            if (locate_template('contacts-top-area.php') != '') {
                ob_start();
                get_template_part('contacts', 'top-area');
                $output = ob_get_clean();
                return $output;
            }
            if (thegem_get_option('top_area_contacts_address')) {
                wp_enqueue_style('icons-' . thegem_get_option('top_area_contacts_address_icon_pack'));
                $output .= '<a href="YOURURL" class="gem-contacts-item gem-contacts-address">' . esc_html(stripslashes(thegem_get_option('top_area_contacts_address'))) . '</a>';
            }
            if (thegem_get_option('top_area_contacts_phone')) {
                wp_enqueue_style('icons-' . thegem_get_option('top_area_contacts_phone_icon_pack'));
                $output .= '<div class="gem-contacts-item gem-contacts-phone"><a href="tel:' . esc_attr(stripslashes(thegem_get_option('top_area_contacts_phone'))) . '">' . esc_html(stripslashes(thegem_get_option('top_area_contacts_phone'))) . '</a></div>';
            }
            if (thegem_get_option('top_area_contacts_fax')) {
                wp_enqueue_style('icons-' . thegem_get_option('top_area_contacts_fax_icon_pack'));
                $output .= '<div class="gem-contacts-item gem-contacts-fax">' . esc_html(stripslashes(thegem_get_option('top_area_contacts_fax'))) . '</div>';
            }
            if (thegem_get_option('top_area_contacts_email')) {
                wp_enqueue_style('icons-' . thegem_get_option('top_area_contacts_email_icon_pack'));
                $output .= '<div class="gem-contacts-item gem-contacts-email"><a href="' . esc_url('mailto:' . sanitize_email(thegem_get_option('top_area_contacts_email'))) . '">' . sanitize_email(thegem_get_option('top_area_contacts_email')) . '</a></div>';
            }
            if (thegem_get_option('top_area_contacts_website')) {
                wp_enqueue_style('icons-' . thegem_get_option('top_area_contacts_website_icon_pack'));
                $output .= '<div class="gem-contacts-item gem-contacts-website"><a href="' . esc_url(thegem_get_option('top_area_contacts_website')) . '">' . esc_html(thegem_get_option('top_area_contacts_website')) . '</a></div>';
            }
            if ($output) {
                return '<div class="gem-contacts inline-inside">' . $output . '</div>';
            }
            return;
        }
    

    and change YOURURL to your link.

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  • peifferroscawolf replied

    That does it! Thanks!

  •  7,280
    Oliver replied

    You're welcome!

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver