Airi/learnpress full width


#1

Hi athemes,

Is it possible to have all info regarding Courses(as in from LearnPress) displayed full width without a sidebar?

Have tried tweaking here and there but cannot figure it out.

Regards,
Craig


#2

Hello there,

The solution might be a few lines of CSS code.

Do you have a link to your course page to share here? So I can get the exact code to suggest.

Regards,
Kharis


#3

Hi

Just reinstalling. The LearnPress Popular Courses Elementor totally broke it. Couldn’t access Elementor anymore.

Will be back with URL asap


#4

have sent you a message with the details

Could you also take a look at the homepage?

I cannot fix this error - Popular Courses - has broken it !


#5

Just replied with a few lines of code solution via DM reply. Please kindly check.

Regards,
Kharis


#6

Perfect! Many thanks


#7

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis


#8

Hi Kharis,

Something has gone wrong! I have no idea what or why, but the Courses page is now displaying in a narrow column. Help!

Regards


#9

Hello there,

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    .post-type-archive-lp_course .hentry.col-lg-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;  
    }

Regards,
Kharis


#10

Found out what’s going wrong but have no clue as to why or how to fix:

10

EDIT: Just seen your reply Kharis. Trying now.


#11

Kharis,

That resulted in the following:


#12

So I did a full reinstall on http://ieltseasy.club

Everything was fine when I went to bed.

Loaded it up this morning and it’s happened again:


#13

Hello there,

Please try this code:

    @media only screen and (min-width: 768px) {
        .post-type-archive-lp_course .hentry.col-lg-4 {
            -webkit-box-flex: 0 !important;
            -ms-flex: 0 0 100% !important;
            flex: 0 0 100% !important;
            max-width: 100% !important;  
        }  
    }

and see if it helps.

Regards,
Kharis


#14

Didn’t fix it, but it is an improvement: