Title: Mobile header
Last modified: October 7, 2026

---

# Mobile header

 *  Resolved [derlehre](https://wordpress.org/support/users/derlehre/)
 * (@derlehre)
 * [1 week ago](https://wordpress.org/support/topic/mobile-header-15/)
 * Hello dear Masteriyo support
 * I wanted to put the Person icon which represents the login/sign up and account.
   I’m using the Elearning theme. It has a dedicated header for mobile. Could you
   please inform me if it’s possible to put the person icon in the header and give
   it the url of account page if Masteriyo? How can i do it?
 * Thank you dear
    -  This topic was modified 1 week ago by [derlehre](https://wordpress.org/support/users/derlehre/).

Viewing 2 replies - 1 through 2 (of 2 total)

 *  Plugin Support [sauravkhanal](https://wordpress.org/support/users/sauravkhanal/)
 * (@sauravkhanal)
 * [6 days, 14 hours ago](https://wordpress.org/support/topic/mobile-header-15/#post-19039383)
 * Hi [@derlehre](https://wordpress.org/support/users/derlehre/),
 * Yes, this is possible, and you don’t need any code for the icon itself. You can
   add it using the eLearning header builder:
    1. Go to Appearance → Customize → Header.
    2. In the builder panel, switch to the Tablet/Mobile view.
    3. Click an empty spot in the header row and select HTML 1.
    4. Open HTML 1, switch to the Code tab, and add:
 *     ```wp-block-code
       <a href="https://yoursite.com/account/" aria-label="My Account">
           <i class="fa-solid fa-user"></i>
       </a>
       ```
   
 * Replace the URL with your Masteriyo Account page URL. You can find this under
   Masteriyo → Settings → General → Pages → Account.
 * You can also adjust the Links colour in the HTML 1 settings so the icon is visible
   against your header. Then click Publish.
 * Visitors who aren’t logged in will see the login/registration form, while logged-
   in students will be taken directly to their account dashboard. You can also drag
   the icon within the header row if you’d like to position it differently.
 * If you’d prefer to hide the icon when visitors are already on the account page,
   you can add this under Appearance → Customize → Additional CSS:
 *     ```wp-block-code
       .masteriyo-account-page .tg-html-1 {
           display: none;
       }
       ```
   
 * Hope this helps!
 *  Thread Starter [derlehre](https://wordpress.org/support/users/derlehre/)
 * (@derlehre)
 * [6 days, 5 hours ago](https://wordpress.org/support/topic/mobile-header-15/#post-19039856)
 * [@sauravkhanal](https://wordpress.org/support/users/sauravkhanal/) Thank you 
   dear
 * Now my website looks okay in all devices.

Viewing 2 replies - 1 through 2 (of 2 total)

You must be [logged in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fmobile-header-15%2F%3Foutput_format%3Dmd&locale=en_US)
to reply to this topic.

 * ![](https://ps.w.org/learning-management-system/assets/icon-256x256.gif?rev=3520181)
 * [Masteriyo LMS – LMS Course Builder, Quizzes & Certificates](https://wordpress.org/plugins/learning-management-system/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/learning-management-system/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/learning-management-system/)
 * [Active Topics](https://wordpress.org/support/plugin/learning-management-system/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/learning-management-system/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/learning-management-system/reviews/)

 * 2 replies
 * 2 participants
 * Last reply from: [derlehre](https://wordpress.org/support/users/derlehre/)
 * Last activity: [6 days, 5 hours ago](https://wordpress.org/support/topic/mobile-header-15/#post-19039856)
 * Status: resolved