Something really funky going on. Element makes itself a sibling of parent in the frontend?

Support
#1

Hi guys,

I am really pulling my hair out over this issue, and i hope you can help me. I have something really wonky going on in the layout on the frontend of three columns that all sit in the same row. I have given the columns class names to make it easier to recognize them:
image

they are the columns:

  • phase a active column

  • phase b inactive column

  • phase c inactive column

For some reason that last column was behaving very weirdly.

Then when looking it up on the front end with the inspector, i noticed that this column is not a sibling of the other columns???

image
image973×333 28.1 KB

How is this even possible?

#2

Hi Tristan,

Unfortunately, the given URL is showing a 403 Forbidden error. Can you please check and reshare the details once again?

Thanks

#3

Just updated with a new userid. If it still doesn’t work, kindly let me know which of the two doesn’t work and from which country you are trying to log in.

#4

Hello Tristan,

I am still getting an error loggin in.
Please double-check.

Thanks.

#5

Ok have updated credentials and have tested them. New ones should work

#6

Hey Tristan,

I am NOT able to log in to the backend.

  • See the screenshot below.

Thanks.

#7

Ok i just updated the credentials for the admin ID i provided and tested it just now. Should work now.

#8

Hello Tristan,

I have logged in and I found out that in “Phase 2 inactive content” DIV element, you have a Raw Content element with this broken HTML code content:

<div class="phase-remaining"
     style="--p: [enduuro_phase_a_progress_pct];">
  <div class="phase-remaining__top">
 </div>
  <div class="desc">Phase 2</div>
<span></span></div>
</div>

The correct HTML code should be:

<div class="phase-remaining"style="--p: [enduuro_phase_a_progress_pct];">
  <div class="phase-remaining__top"></div>
  <div class="desc">Phase 2</div>
  <span></span>
</div>

The extra </div> in the code caused the issue.

Pro Tip:
Be sure to indent your code to clearly see any extra, orphaned and missing tags.

Best Regards.

#9

Oh thanks mate! I never would have thought to look there :man_facepalming:

#10

You’re welcome.

#11

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.