Course page header prior to purchase

[traptiagrawal2015]

Please note that the course page header design is breaking on the mobile phone. I am talking about the page, which the course description page, and displays the price, and has the button "Take this course", That button is truncated on the mobile devices. kindly suggest how to correct it.Example url is in my next message.

[traptiagrawal2015]

This reply has been marked as private.

[Diana]

This reply has been marked as private.

[Diana]

This reply has been marked as private.

[traptiagrawal2015]

This reply has been marked as private.

[Diana]

@traptiagrawal2015 To show the button below the course description then use this code add_action('wplms_after_course_description', 'show_the_course_button'); function show_the_course_button(){ ?> <style> @media(max-width:991px){ </style> <?php echo the_course_button(); ?> <style> } </style> } Paste the code in wp-admin > Plugins > Editor > Select WPLMS Customizer Plugin > wplms-customizer.php

[traptiagrawal2015]

This reply has been marked as private.

[traptiagrawal2015]

Hi Diana, Please respond.   Thanks, Trapti

[Diana]

@traptiagrawal2015, Remove the code shared above and add this. This will work for you add_action('wplms_after_course_description', 'show_the_course_button'); function show_the_course_button(){ ?> <style> @media(min-width:991px){ .single-course #item-body input.course_button.full.button { display:none; } } </style> <?php echo the_course_button();   }

[traptiagrawal2015]

This reply has been marked as private.

[Diana]

@traptiagrawal2015, We can show this after the course description but not after the course curriculum because we don't have any action hook there. Use the nelow one for that wplms_after_course_description

[Author]

Posts