JA BUILDER + Joomla 5.1.1 Only homepage works

w11w12

w11w12 and another question. I have a white bar under the menu on the main page. How to remove it?

saguaros

It still doesn't work, could you login with this account?

w11w12

saguaros yes, everything is as it was, it doesn’t work
Try going to the JA Builder section and clicking on live edit of any article except Home Page

w11w12

saguaros I have to wait a long time for help from you
I was able to solve the problem myself
But there's one last question left
how to remove the white bar under the menu
And why did it appear?

saguaros

It seems that you enable the page heading for this page, JA Builder has style for this page heading so you see that white bar.

You can access menu item of this page >> Page Display tab and set Show Page Heading option to Hide

w11w12

can you help me, how to reduce the distance between lines ? I mean in text lines

saguaros

Could you share the URL and screenshot highlighting the text you want to reduce the space? I will check and help you out.

w11w12

saguaros
I put the URL in the description!

saguaros

The provided admin account doesn't work, could you check again?

w11w12

saguaros
I have activated a temporary login Test123

saguaros

I added this custom CSS:

.jub-element.jub-element-text.text-justify.quote {
    line-height: 15px;
}

Kindly check.

w11w12

saguaros
Thanks for the help.
I thought that knowing the code, I could change these parameters myself.
But I couldn’t do the same on the Home page.
Please do the same on the Home page.

and also make the line:
"Keep an eye out for new content — check back often! "
when this line opens on the phone it turns into 2 lines very wide apart.

saguaros

w11w12 I have updated the code to ensure it functions correctly on the homepage as well.

Regarding the quote on the mobile view, the available space is insufficient to display the text on a single line. To address this, I have slightly reduced the font size:

.f-nothing-you-could-do {
    line-height: 12px;
}

@media (max-width: 576px){
.jub-block blockquote {
    padding: 0 0 0 30px;
    font-size: 18px;
}
}

Please review the changes.

w11w12

Last time you did everything well on the ARTICLE page
And now everything has been canceled both on the ARTICLE page and on the MAIN pages
I'm just more interested in the line spacing for the mobile version.
Please reduce the line spacing in this phrase marked with a red square on both pages

saguaros

w11w12 Hi

On mobile view, I think the space is not enough, you can reduce the font size and the padding for this highlight section:

@media (max-width: 576px){
.jub-block.content-4 .content .highlight-box .box-ct {
    padding: 12px 24px;
}
.f-nothing-you-could-do.fs-sm {
    font-size: 12px;
}
}

and customize as you wish.

w11w12

Unfortunately nothing works
Maybe because I replaced
Element Alignment:
Left

It used to be
Element Alignment:
Justify Text

Maybe that's why it doesn't work?
Try to do as you did, at least on one page: ARTICLES

P.S.
This code worked, it reduced the distance between lines:

.jub-element.jub-element-text.text-justify.quote {
line-height: 15px;
}

saguaros

w11w12 Is that ok now?

w11w12

saguaros
This is ok,
although I wanted the line spacing to be a little less

saguaros

w11w12 The space beneath the image in the mobile view is insufficient, which may present challenges 🙂