advanced search on PWA

[RagabSalem]

I need help I put the advanced search on a page I linked the page to the students menu within pwa I need to be in full width on the mobile as well as the computer https://prnt.sc/wn0nwg Also there is a white part on the top, how can it be removed

[Diana]

Which Page is this? I mean page URL And you want it to align properly on mobile right?

[RagabSalem]

This reply has been marked as private.

[Ada]

Hi, Add this css code in appearance >> customize >> custom css

@media(max-width:480px){
   
   .admin-bar .vibebp_myprofile .profile_grid, .vibebp_myprofile .profile_grid {
    margin-top: 0px;
    min-height:600px;
}
}

if it does not wprk there then add it in wplms>> footer >> google analytic code

<style>
@media(max-width:480px){
   
   .admin-bar .vibebp_myprofile .profile_grid, .vibebp_myprofile .profile_grid {
    margin-top: 0px;
    min-height:600px;
}
}
</style>

https://reccloud.com/u/6hqewbm

[RagabSalem]

This reply has been marked as private.

[Ada]

Hi, the same code is working when I check but does not work when added to custom css section or footer >> google analytics section. Please try adding this code in wplms-customizer.php Goto plugin editor >> wplms-customizer >>wplms-customizer.php Add this code at the end function adjust_pwa_page(){ <style> @media(max-width:480px){ #vibebp_member .vibebp_myprofile .profile_grid, .vibebp_myprofile .profile_grid { margin-top: 0px !important; min-height:600px !important; } } </style> <?php } } add_action('wp_head', 'adjust_pwa_page',999);

[RagabSalem]

This reply has been marked as private.

[Ada]

This code can not cause any fatal error to the site.This is just css code and I am giving it like this because it does not work in custom css section on your site. Maybe the quotes would have been modified when pasting the code so I'm sharing it now in code block.

function adjust_pwa_page(){
<style>
@media(max-width:480px){

#vibebp_member .vibebp_myprofile .profile_grid, .vibebp_myprofile .profile_grid {
margin-top: 0px !important;
min-height:600px !important;
}
}
</style>

<?php
}
}
add_action('wp_head', 'adjust_pwa_page',999);

Please remove the previous code and copy it from here again and then add.

[RagabSalem]

This reply has been marked as private.

[Diana]

She missed a closing bracket

add_action('wp_head', 'adjust_pwa_page',999);
function adjust_pwa_page(){
  ?>
<style>
@media(max-width:480px){
  #vibebp_member .vibebp_myprofile .profile_grid, .vibebp_myprofile .profile_grid {
  margin-top: 0px !important;
  min-height:600px !important;
  }
}
</style>

<?php
}

Checked on my setup and this code should work

[RagabSalem]

This reply has been marked as private.

[Diana]

This reply has been marked as private.

[RagabSalem]

This reply has been marked as private.

[Diana]

This reply has been marked as private.

[RagabSalem]

This reply has been marked as private.

[Author]

Posts