Solved SP Page Builder

block shift and title overlap

Asked by HDcms 3 years ago Last activity 3 years ago

Hi
Visitors to the site with a laptop computer (but I reproduce the problem by reducing the size of the browser window)

1/ see a white rectangle (see images)

2/ the "CONSULTEZ NOS EXPERTS" title sometimes has a line break with the word below sticking to the word above

How to correct this?
Regards

Accepted answer

Marked as the solution
HDcms Asked this

You're right, I think I've solved that. I also had difficulty between the column options, the addon and the CSS attempts

Can you look at the problem related to this block?
https://www.joomshaper.com/forum/question/27436

Mehtaz Afsana Borsha Staff

As I see our team has already solved that. You can also close this thread by accepting the answer.

9 more replies

Mehtaz Afsana Borsha Staff

Thanks for contacting us. You can use this custom CSS

@media (max-width: 575.98px){
#sppb-addon-1535528461882 .sppb-addon-header .sppb-addon-title {
    white-space: nowrap;
    font-size: 30px;
}
}

Go to system--> https://prnt.sc/tDbSUJh6LiGu --> Default template-->Template options--> https://prnt.sc/A5nlsBvCQsqs And add your CSS there.

-Regards.

HDcms Asked this

HI

1/ unresolved, see photos 2 & 3

2/ it seems to work but is it possible to put a space on the 2nd word because on smartphones, it sticks on 2 lines

Mehtaz Afsana Borsha Staff

1: Use this CSS

@media only screen and (min-width:900px) and (max-width:1280px){
#sppb-addon-1535525293837{
      padding-bottom: 96px !important;
}  
}

2: For space between words use this CSS, if you want more space then just increase the word spacing number

media (max-width: 575.98px){
#sppb-addon-1535528461882 .sppb-addon-header .sppb-addon-title {
    word-spacing: 5px;
}
}
HDcms Asked this

Hello
1/Please help me to resolve this.
Regards

Mehtaz Afsana Borsha Staff

Could you please mention actually which resolution you have faced this issue?

HDcms Asked this

Hi
The people who reported this problem to me work on laptops, but unfortunately do not know the resolution of their screen.
You can do, like me, by varying the width of the Firefox browser on a computer!

Mehtaz Afsana Borsha Staff

Use this one also

#sppb-addon-1535525294133{
      padding-bottom: 96px;
}
HDcms Asked this

Hi

I no longer see a white rectangle, but unfortunately this is not resolved.

If I decrease the width of my browser on my computer, there is a point where it produces an extra line under the last block at the bottom right.

I think this comes from the fact that the title on the right goes over 2 lines
It's not responsive!?

See also in connection with the request
https://www.joomshaper.com/forum/question/27412

Mehtaz Afsana Borsha Staff

Could you please give me a screenshot of it? By the way, you have used too many css in that section. If possible keep a full site backup remove that css from this section, and then make this section again.

NOTE: Make sure you have a full site backup.

Log in to reply.