Block Shift And Title Overlap - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Block Shift And Title Overlap

H

HDcms

SP Page Builder 2 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

0
12 Answers
H
HDcms
Accepted Answer
2 years ago #129720

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

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #129868

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

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #129269

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.

0
H
HDcms
Accepted Answer
2 years ago #129306

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

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #129378

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;
}
}
0
H
HDcms
Accepted Answer
2 years ago #129389

Hi

1/ shift or white rectangular blog Partly resolved for the previous problem on the right.

Now if you vary the width of the browser window, 2 more shifts occur I don't understand why your layout is not responsive? https://pic.infini.fr/gallery#39VIQ1Wz/g095SHW7.png,UnLATJcV/40KwuGqZ.png

2/ collage of the 2 words It seems to be working at the moment

Thank you

0
H
HDcms
Accepted Answer
2 years ago #129492

Hello 1/Please help me to resolve this. Regards

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #129550

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

0
H
HDcms
Accepted Answer
2 years ago #129560

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!

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #129572

Use this one also

#sppb-addon-1535525294133{
      padding-bottom: 96px;
}
0
H
HDcms
Accepted Answer
2 years ago #129644

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

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #129714

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.

0