Take your website
To the next level
Discover our newly launched customization services and elevate your web projects to new heights.
Delegate tasks, save time, and unlock the power of professional WordPress outsourcing.

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,122
    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,122
    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