Hi Rikard,

Ofcourse, included. I also have two other responsive issues with grid row on android and ipad. On android the pictures get smushed and on iPad the pictures are huge and the text gets smushed by the padding. It looks beautiful on desktop.

Do you have a fix for this too?

Links and screenshots included ofcourse :)

Sincerely,
Morticka

Hi guys,

Never mind, I used a workaround. I made the sub menu navigation title bold en used a # in stead of a link. That way the active link is not really active.

You can close this topic!

Sincerely,
Morticka

Hi Dake,

My apologies for the late response.

I’m experiencing the issue on iPad.

You can see the screenshot in the private content area.

Sincerely,
Morticka

Hi Yigit,

Haha, of course. :)

Everything is restored and the rest of the login information is in the private data.

Sincerely,
Barb

Hey Yigit,

See private content for link :)

As you can see the text on the right is cut off. Normally it says: Gaat de les nog DOOR. It’s missing the word “door”

Sincerely,
Barb

Awesome Yigit!! :D

How can I make them only bigger on mobile and move them a little to the left and have more space between them?

Sincerely,
Barb

Great, thx Yigit! I removed it from mobile and iPad portrait mode. But on the iPad in landscape mode the widget lies on top of the menu. Is there a way to make the header widget responsive?

Sincerely,
Barb

Hey Yigit :),

Yes perfect, that is what I meant, it works!!!!

Thank you so very much for you help, this topic can be closed! :D

Sincerely,
Barb

Hi Yigit,

You are the man, it works great!!! I knew you could do it :D :D :D

Is there also a way to do this with the main menu blog link as well? (I have not selected the “use this page as blog” option in the settings, just named the main menu link “Blog”)

I tried to copy your code and changed tips-tricks into blog, but then WordPress died, so I had to remove it again :)

Sincerely,
Barb

Hi Yigit,

I’m not sure I know what you mean?

I’m not using the “And where do you want to display the blog” option in the styling pages.

I am however using the ALB Blog articles content element and from there I select the category I want to display. So in the main menu Tips & Tricks page I select the articles with the tips & tricks category and on the Blog page I select the blog category.

In both cases the single posts are not recognized. Furthermore I cannot style a category with the ALB?

Is there another option?

Sincerely,
Barb

Hey Yigit :),

I tried it, but it did not work?

Sincerely,
Barb

Hi Andy!

Thx for your response. In the mean time I had help from LearnDash Support.

1: I solved the first problem with help from LearnDash Support, by changing the color and the background.

LearnDash support also said: “… it seems that the topic items are actually not in the header (see screenshot), but that your (Enfold) theme has a post-header/pre-content section that is the same color as the header making it look like it is in the header. ”

So that’s the reason of the conflict with LearnDash and Enfold and the reason why the header increases in size.

Since I have a dark header I made the pre-content section white and the text black and moved the text down a bit with CSS.

For people who have the same problem (using a dark header) and reading this topic, the CSS code to change the background etc is:

.learndash
.learndash_topic_dots.type-dots {
padding-bottom: 10px;
padding-top: 20px;
padding-left: 10px;
background-color: white;
}

#learndash_back_to_lesson {
margin-bottom: 0px!important;
padding-left: 10px;
background-color: white;
}

It is not a perfect solution, but it will do for the moment.

2. I hid the code with CSS and now use a shortcode to display the text (and function of) “Course not yet started”

Again for people who are looking for the same solution:

Hiding the text CSS:
span#learndash_course_status {
display: none;
}

And to create a shortcode for the course status so that you can display it anywhere on the page, put the following code in functions.php:

add_shortcode(‘coursestatus’, ‘learndash_course_status’);

and then add the following anywhere within the course page:
Course Status: [coursestatus]

Changing settings in the Enfold Header behavior settings does not work, because the conflict is only with the LearnDash plugin and you only see it when you’re logged in.

Both solutions are not optimal, but they will do for the moment. LearnDash is looking at the problem, apparently they have to do to something with the code of the LearnDash core.

Sincerely,
Morticka

Hi Rikard,

Never mind, I used the one logo that displayed without problems as a template and resized the other logo’s. Now you don’t see the grey box around the logo. Appearantly you have to have a width of 300px.

There is however a bug in the partner/logo element. My site goes live this afternoon, when I encounter the problem again in another site I’ll be back :D

For now you can close this one.

Sincerely,
Morticka

Hi Rikard,

I don’t know why it will not display? http://www.screencast.com/t/J0AuJZBh

If you check below on my page, you see what I mean. The grey boxes around the logo’s are appearantely because of the .png format. 1 Logo is in .jpg format and there you see no problem.

<edit> I changed the Twitter logo in .jpg format to test my theorie, but the same issue still exists, you still see a grey area around the logo.

But, both png and jpg logo’s displayed fine before I inserted the links?

Sincerely,
Morticka

• This reply was modified 9 years, 8 months ago by Morticka. Reason: Tested another logo and switched it from png to jpg format. Did not work, issue still exists