Staff replied SP Page Builder

Responsive

Asked by Drazen B. 2 years ago Last activity 2 years ago

Hello, I have the following problem. I'm currently trying to make my website responsive on all devices. I work my way from left to right, i.e. from tablet landscape to mobile. So far so good! I have almost adapted the slider, but I have a problem with the text content of the slider. If I change the font size in the slider in the tablet landscape view, then it changes at the same time in the desktop view, but this shouldn't be the case! Why is that? How can I change the text in the slider for the tablet landscape view without also changing the font in the desktop view?

Maybe I have generally structured the site incorrectly, so I would ask someone from Joomshaper to take a look at it.

37 replies

Rashida Rahman Staff

2 years ago

Hi there!

Thanks for reaching out to us.

Would you please let us know which slider addon are you using there? Can you share a screencast illustrating the whole thing? It will help us to understand the issue better.

Best Regards

Drazen B. Asked this

2 years ago

What exactly do you need? I do not quite understand?

Drazen B. Asked this

2 years ago · edited

There is TimeViewer. Why don't you connect to my PC to solve the problem more quickly? Constantly writing back and forth doesn't lead to a quick solution.
I use the normal Slide Show addon

Rashida Rahman Staff

2 years ago

Hi,

Sorry for your experience and such delayed response.

Kindly give me your Joomla admin access to check the issue for you.

Best Regards

Drazen B. Asked this

2 years ago

Hello Rashida, here are the login details

Drazen B. Asked this

2 years ago

Here is the login details for Joomla

Rashida Rahman Staff

2 years ago

Thanks for the access.

Drazen B. Asked this

2 years ago

How can I send you pictures? Or you can do it all via Time Viewer. Have Microsoft Teams

Rashida Rahman Staff

2 years ago

Hi,

You can upload your screenshot to any online server or your drive then share just the link here. You may consider any online free tool either, such as imgur, lightshot, etc.

Best Regards

Rashida Rahman Staff

2 years ago

Do you have full site backup?

Drazen B. Asked this

2 years ago

Were you able to log in? I don't see that you are logged in in the admin area

Rashida Rahman Staff

2 years ago

Yes, I am! I needed to use VPN to enter though.

Drazen B. Asked this

2 years ago

Ah, now

Drazen B. Asked this

2 years ago

Everything should be the same as on the desktop side on all devices

Rashida Rahman Staff

2 years ago

Hi Sanja,

Please check the screencast. It is working just fine:

https://share.cleanshot.com/3vgGqh04

I have found, you tried to set font size from your JCE text editor instead of setting it from the typography of the respective SPPB editor. So I have removed that value: https://share.cleanshot.com/w1HpCxQK

Best Regards

Drazen B. Asked this

2 years ago

Hello Rashida, I just put the site online to check on my phone whether the font sizes in the slider are now displayed the same as on the desktop. And it still seems so big. Do I have to do anything else?

Drazen B. Asked this

2 years ago

Nothing has changed. The font is out of proportion on the mobile phone and other devices as it is on the desktop. Please look on the desktop. That's ok, in terms of ratio. But too big on the other devices

Rashida Rahman Staff

2 years ago

Hi,

Did you check my screencast video, please? I have just showed you how and where to specify the font size for the texts inside slideshow items. I have put random values there and kept the values for you to check. I have done that for the first slide item only. So that you can check and then change as per your need.

Best Regards

Drazen B. Asked this

2 years ago

How do I get this centered? Where can I set the distances? I have attached a photo.

Rashida Rahman Staff

2 years ago

HI,

Please check this: https://share.cleanshot.com/VPcLnWF1

Best Regards

Drazen B. Asked this

2 years ago

Can you please answer me faster. Thanks

Drazen B. Asked this

2 years ago

I will now contact Joomshaper directly. You are online and reply to me every hour, if at all or after a month and I will describe it.

Drazen B. Asked this

2 years ago

This is centered in the second photo, where the Spartan is shown

Drazen B. Asked this

2 years ago

Wow, I sit in front of the PC all day. I have professional staff at my disposal and I'm just as far along as I was this morning at 8:00 a.m

Rashida Rahman Staff

2 years ago · edited

Hi,

You wanted to see it as centered, and now it is centered, so what do you want now, can you please describe? https://share.cleanshot.com/VWxcJ1vN And the initial issue of responsiveness has already been solved, I think.

And I want to clarify one thing: we do not have any intention to ignore our valuable customers at any time. But this is the workload that blocks us from clearing the notifications we have, and delays happen due to this. And if I am online but not responding, it's because I was on another forum post to look into. Notifications don't pop up here; I need to go manually to check the notification list.

I'm just trying to say, please don't misunderstand me. We apologize again for any inconvenience.

Best Regards

Drazen B. Asked this

2 years ago

Dear Ms. Rashid, the text was centered the entire time. As an expert, you have to see that everything looks different on the desktop with all the font content than on successor devices. I send you pictures all the time

Rashida Rahman Staff

2 years ago

Dear Sanja,

So you want the text font proportion to be the same as desktop for all of your device sizes, right?

This is why I have shared the settings before in my screencast video. That way, you can set different font sizes for different viewports. It allows you to show them how you want. You can change it for the titles and the contents as well. I thought you would make further changes there. Sorry, I couldn't understand that you wanted me to adjust the proportion. I thought at first you wanted to check if there were responsive settings for slider item text size, so I have just shared that.

Sorry again for the miscommunication. I am going to login and look into your slideshow addon again. And I will try to see if I can set the text size proportion correctly for you.

Rashida Rahman Staff

2 years ago

Can I upgrade your SP Page Builder version?

https://share.cleanshot.com/gmM8Zy1B

Drazen B. Asked this

2 years ago

I don't know what happens when you download the new page builder. Not that the whole page will be ruined by this

Drazen B. Asked this

2 years ago

I made the effort again and defined exactly what I wanted in the pictures. If you don't understand now, then I don't know what will

Drazen B. Asked this

2 years ago

Maybe this can be done with css

Drazen B. Asked this

2 years ago

YES YOU CAN UPLOAD THE NEW SP PAGE BUILDER VERSION

Rashida Rahman Staff

2 years ago

Thanks for taking the effort to make that screenshot with indication. I am trying to find out the issue.

Drazen B. Asked this

2 years ago

Thank you very much

Rashida Rahman Staff

2 years ago · edited

Hi,

You are welcome.

It seems you are specifying custom position for the section below the slideshow. heights and widths are fixed in some places so the responsive things not working as expected.

It's 2:21 am now here. Though next two days are weekends here, I will check it tomorrow, please bear with me. And thanks for your patience.

Best Regards

Rashida Rahman Staff

2 years ago

Hello,

I have tried to do something. Please check and let me know if you need more adjustments.

https://share.cleanshot.com/MpKl0JGg

Best Regards

Drazen B. Asked this

2 years ago

Thank you Rashida. That's how I wanted it to be. Have a nice Sunday

Drazen B. Asked this

2 years ago · edited

Hi Rashida, I just looked. Unfortunately, it's still not how I wanted it to be. Please have a look at the pictures I sent you. Please take a look at the photo in the slider with the bearded man and the woman and compare it with the photo I sent you. It's not 1:1
Bestregards

Rashida Rahman Staff

2 years ago

Hi Sanja,

Sorry to hear that. It is looking good at my end as I have shared a screencast also in my previous reply. Would you please let me know on which device resolution it is not okay? That will be helpfull for me to look at.

Did you mean this slider item? https://share.cleanshot.com/yV7cyYM5

Best Regards

Drazen B. Asked this

2 years ago

Hello Rasida, I had set everything up. How do I get the bottom part of the posts in the middle, i.e. not the slider, but the content of the page. Would you recommend that I leave out the slider in the mobile view.

Rashida Rahman Staff

2 years ago

Hi Sanja,

Please take my sincere apology.

Is your last issue still valid? Did you mean this bottom contents?

https://share.cleanshot.com/fPJ6w2R7

Then using the following CSS should help, I have marked in this screenshot:

https://share.cleanshot.com/V9TRKGlK

If this is not what you want, kindly give me screenshot again with indication.

Best Regards

Drazen B. Asked this

2 years ago

Hello Rashida, I didn't mean the footer. I thought the mobile view. Not the footer.

Drazen B. Asked this

2 years ago

I have another problem! I have adjusted everything so far in the mobile view. Now I'm in the desktop view and see that a part has shifted, how can that be even though I adjusted the changes in the mobile view?

Drazen B. Asked this

2 years ago

Hello, can you please answer me :-)

Rashida Rahman Staff

2 years ago

Hi Sanja,

Sorry for the delayed response. We were in a vacation.

Can you share screenshot of the new issue, please?

In the docs

Settings/Style Panel SP Page Builder (Pro) › Back-end Editor

The admin.php File SP Page Builder (Pro) › Developer Documentation › Migrate Old Addon Structure to the Latest One

Troubleshooting (Problems & Solutions) SP Page Builder (Pro)

Typography Settings SP Page Builder (Pro) › Style