Hide Elements

  • Resolved briancraw

    (@briancraw)


    2 years, 6 months ago

    Hello,

    I would like to hide my normal header when using PWA and will replace with widget.

    I am trying this without success.

    .pwaforwp .gc-header  {
display: none!important;
}

    Can you please let me know what code to both hide and show and element using PWA for WP?

    Thanks in advance! Brian

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Magazine3

    (@magazine3)

    Can you please share the screengrab of what you trying to achieve? So that we will help you accordingly to resolve it.

    Thread Starter briancraw

    (@briancraw)

    Good morning and thanks for replying.

    I would like to hide certain elements and can’t find the right css.

    Please see screenshot for victoriouschristians.com .
    Image

    FYI.. Will purchase premium after first of June.

    Plugin Author Magazine3

    (@magazine3)

    Can you please give it a try by referring to the below code and let us know back if it works or not? So that we will assist you accordingly to resolve it.

    Code:

    .page-id-5 .gc-header {
	display: none;
}
    Thread Starter briancraw

    (@briancraw)

    Unfortunately this results in removing header for both mobile and PWA. I need to remove only for PWA. Thanks

    Plugin Author Magazine3

    (@magazine3)

    Sorry for the previous response. It’s not possible to hide the header in PWA only from CSS. we need to add JS for tat. Can you please add the following JS and let us know back if it works or not? So that we will assist you accordingly to resolve it.

    Code:

    if(window.matchMedia('(display-mode: standalone)').matches) { 
        document.getElementsByClassName('gc-js-header').style.display = "none";
    }
Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Hide Elements’ is closed to new replies.