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 #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,130
    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