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

Okay
  Public Ticket #1128148
Top Area Mobile Display
Closed

Comments

  • creosote started the conversation

    1. On mobile devices, the top area button overlaps the other information - see attachment. (I've tried different justifications, fixed top area display, etc.)


    2. Is it possible to include HTML in the contact fields for the top area? I'd like to make the phone number a link-to-call action.

  •  7,280
    Oliver replied

    HI!

    1. pls. add following css:

    @media (max-width: 768px) {
    .top-area .top-area-items .top-area-block {
        height: auto;
        line-height: 30px;
    }
    #top-area-menu + .top-area-button {
        margin-left: 0;
    }
    }

     

    2. You need to edit:

    /wp-content/themes/thegem/inc/content.php

    function thegem_top_area_contacts() 

    line 143

    Or edit tempalte:

    /wp-content/themes/thegem/top_area.php

    or

    /wp-content/themes/thegem/top_area-style-2.php

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

    Regards, Oliver