Skip to main content

This content has been archived and is no longer being updated. Links may not function; however, this content may be relevant to outdated versions of the product.

Support Article

Unable to remove Navigation toggle icon from iOS mobile app

SA-50840

Summary



Unable to remove the Navigation toggle icon from the offline enabled iOS custom mobile application.


Error Messages



Not Applicable.


Steps to Reproduce

  1. Build an offline enabled iOS custom mobile application
  2. Install the .ipa file on iPad
  3. Log in to the mobile application
  4. Remove the Navigation toggle icon from the portal header


Root Cause



This is a user requirement to replace the hamburger with user logo.


Resolution

Perform the following local-change:

Add the below snippet in UserWorkForm (HTML Fragment rule):

<script>
var ua = navigator.userAgent;
var isiOS = /iPhone/i.test(ua) || /iPad/i.test(ua);
$(document).ready(function() {
if(isiOS){
var getNavToggleEle = document.getElementsByClassName('nav-toggle-one');
getNavToggleEle[0].remove();
}
});

</script>

<style>

@media only screen and (min-device-width : 375px) and (max-device-width : 1300px){

div[node_name=pyCWPortalHeader]{

margin-left:0px !important;

};

}

</style>

Published March 9, 2018 - Updated December 2, 2021

Was this useful?

0% found this useful

Have a question? Get answers now.

Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.

Did you find this content helpful?

Want to help us improve this content?

We'd prefer it if you saw us at our best.

Pega Community has detected you are using a browser which may prevent you from experiencing the site as intended. To improve your experience, please update your browser.

Close Deprecation Notice
Contact us