2 Views A PC Version And Cell Phone Version - Question | JoomShaper

2 Views A PC Version And Cell Phone Version

GH

GARY J HOHLER

SP Page Builder 7 months ago

I am using Joomla! 5.2.5 > SP Page Builder 5.5.2

I am in the process of creating a Top Box A and Top Box B ABOVE my main menu …(in other words putting our company logo and phone # above main menu)

Top Box A will be company logo and Top Box B the phone #

when I did a test run the PC version looks fine but the cell phone is way out of scale. On the cell phone view I will have the logo but I know I will have to replace the phone number with a “phone icon” which I will then make that live.

I know I will need to create 2 separate views (PC vs Cell Phone view) for this to work I am not sure how to create a cell phone version of the pc version

Can you point me in the direction to what I will have to learn to accomplish this

Thank you for your assistance Gary

0
1 Answers
Atick Eashrak Shuvo
Atick Eashrak Shuvo
Accepted Answer
Support Agent 7 months ago #187603

Hello Gary,

Thank you for reaching out. I have reviewed your website and noticed that the template you are using is not a JoomShaper template. However, you can achieve your desired layout using an SP Page Builder module assigned to the logo position.

Within the SP Page Builder module, create two separate sections—one for desktop and one for mobile. Then, use SP Page Builder’s visibility settings to hide the desktop section on mobile and the mobile section on desktop. This will allow you to display the full phone number on desktop while replacing it with a clickable phone icon on mobile.

Regarding the logo position or hiding the main logo, please refer to your template documentation or contact the theme author, as we are unable to assist with that.

Best regards

0