Hiding Page Builder Modules In Mobile Landscape - Question | JoomShaper
๐ŸŽƒ Halloween Sale is Live! Get 35% OFF on all plans. Sale ends soon!ย Get Offer

Hiding Page Builder Modules In Mobile Landscape

BP

Bruce Paine

SP Page Builder 5 months ago

SP Page Builder Pro: 5.5.5 Joomla Version: 4.4.13 Template: shaper_helixultimate - Default Website: www.comfoot.co.nz

Site Modules assigned SP Page Builder Pro. Referring to: Section, Responsive options, Hidden on Mobile Landscape

I have been experimenting with these options to hide content that does not fit comfortably on mobile displays.

Hiding content on Mobile Portrait was successful. The change happened instantly.

But hiding content on Mobile Landscape has not worked. I have tried refreshing browser cache, closing and restarting the browser, but so far the content remains visible.

I am unsure why one way works instantly, and the other not.

I will leave it for a day or so, and see what happens. If the 'hidden on mobile landscape' content remains visible, then it looks like a possible bug.

What does the support team say?

0
35 Answers
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 5 months ago #192858

I have adjusted the settings for SPPB - Home Page - Welcome hero module to make it responsive. Please check it.

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 5 months ago #192415

Hello Bruce Paine,

Thank you for reaching out to our technical support forum. Iโ€™m sorry to hear about the trouble youโ€™re experiencing.

Hide on mobile landscape works for device width 576px to 767px. For example, if you set a section to be hidden on mobile landscape, then it will be hidden for this specifice screen size. You have to check what is your mobile screen size when it is on landscape mode.

Suppose, if you check with iPhone SE, then the landscape height will work. But it will not work on iPhone 12, because it's resolution is higher. So, in those cases, you have to set it with Custom CSS. Or, you can adjust the same settings for tablet.

Best regards

0
BP
Bruce Paine
Accepted Answer
5 months ago #192419

Hello Ofi Khan,

Thank you for providing me with an explanation.

I would not have guessed it would depend on the display size. Apologies because I had intended to let you know the device I have been testing with is an iPhone 11 which I assume is similar to iPhone 12. It is definitely a high resolution display.

I wanted to hide the site module for mobile landscape for the following reason. The layout of a series of 4 images on the home page goes starts to run into (overlap) the next module images. Laptop display shows the photos across the page perfectly. Mobile display in portrait mode shows the photos arranged nicely in a vertical arrangement.

Things go wrong with Mobile landscape. The text shifts down so there is a large area of background colour at the top. The text is squashed up.

It's possible to replicate the problem on my desktop browser by dragging the window size to make it a bit narrower. Here is a screen shot example... ![]http://comfoot.co.nz/images/desktop_browser_view.jpg)

So the problem arises for some screen widths.

I hope this makes sense. In summary, I don't really want to hide the module for mobile landscape. I would like to find a way to make it display correctly but am not sure how to make it happen.

Kind regards Bruce

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 5 months ago #192423

Apology for the inconvenience. Please share your administrator access and page link here to check the issue. Use the Hidden Content box to share the credentials. Make sure that you have a full site backup before sharing.

I understand that you want to fix the view. I will have a look and try it.

0
BP
Bruce Paine
Accepted Answer
5 months ago #192426

That's ok. Thanks for offering to help.

Another support person has already requested login access concerning another issue. I hope that is ok.

0
BP
Bruce Paine
Accepted Answer
5 months ago #192427

Note: The other support person hasn't logged on yet.

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 5 months ago #192606

I can't check frontend editor. It takes me to the homepage when I click on frontend editor. Please check and help me on this. Then I will check your module for the tablet view.

0
BP
Bruce Paine
Accepted Answer
5 months ago #192676

The frontend editor has never worked. Not since I first installed SP Page Builder Pro years ago. I have mentioned this before but nobody on your support team has provided a solution. None of the upgrades have fixed the problem.

For a while after first installing SPPB, there were also serious issues with the backend editor. But now all those problems have been resolved and it works perfectly.

For the above reason, I only use the backend editor.

If there was a solution to fixing the frontend editor, I was hoping Joomshaper support team might have it.

0
BP
Bruce Paine
Accepted Answer
5 months ago #192868

That looks pretty good. I have checked on desktop computer, iPhone 11 landscape and portrait, also the same for iPad. Problem solved, thank you!

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 5 months ago #192887

You are welcome ๐Ÿ˜Š

I am glad that I could solve your problem.

I have a humble request. It would be very kind of you if you can manage some moment to give us feedback on

  1. Joomla Extension Directory
  2. TrustPilot

This will inspire us to improve.

0
BP
Bruce Paine
Accepted Answer
5 months ago #192934

I would be happy to leave a review but I am still not 100% happy. The responsive layout is fixed but the frontend editor is still not working. How is it working for you and not me? Does it depend on the browser? I'm using Safari 18.4 on Apple Mac OS Sequoia. It is up to date, latest available.

As mentioned before, the frontend editor has never worked for me since SP Page Builder Pro was installed. That makes it hard to provide honest, positive feedback which I really prefer to do.

What do you recommend?

0
BP
Bruce Paine
Accepted Answer
5 months ago #192935

Note: The frontend editor still does not work when I try accessing it using Firefox 128.9, also on Mac Sequoia.

Would it be better if I post a new support request?

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 5 months ago #192963

Please ask your hosting provider to turn off mod_security and then check frontend editor.

0
BP
Bruce Paine
Accepted Answer
5 months ago #192972

OK, I have submitted a request. However, I'm doubtful they will be happy to disable a feature that is intended to provide protection from web attacks. I will see what they say.

By the way, I have submitted a review on TrustPilot for you.

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 5 months ago #193001

Okay, let me know the outcome.

Thank you so much for your time and review. Appreciated!

0
BP
Bruce Paine
Accepted Answer
5 months ago #193108

Unfortunately the hosting company will not turn off mod_security for security reasons.

I guess I will continue using the backend editor until perhaps the frontend editor will be made to work in situations such as my hosting environment.

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 5 months ago #193519

In that case, you can work locally with the pages that you need to make responsive. Then export/import the page JSON on the main site.

0
BP
Bruce Paine
Accepted Answer
5 months ago #193728

That is a good work around I was not aware of thanks. It will involve some work to set up as I don't currently run a local copy of Joomla. I do have a NAS Server which can work as a local web server. However, it might be more efficient to install the database and PHP on my desktop Mac Mini.

In a perfect world, it is of course best to always carry out site adjustments on a local test copy before introducing them to the live site. This work around will force me to do just that.

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 5 months ago #193746

It is always good practice to see it yourself and then run on the production. Also, you already have a copy of the site on your machine.

Good luck!

0
BP
Bruce Paine
Accepted Answer
5 months ago #193753

Thank you. Appreciate all your help.

0
BP
Bruce Paine
Accepted Answer
5 months ago #193872

It's been a real struggle to create a local install on my desktop computer using MAMP. I've spent the day trying to make it work with a copy of the live website and database, but without success. The only way it will run is if I create a fresh install of Joomla 5. It won't accept existing tables from the live database which I have copied across, but instead renames them with "bak" prefixes and creates new tables. So now there is a blank Joomla web site and a lot of work to install plugins, extensions, create content, etc.

Will I be able to install SP Page Builder Pro and then copy rows from the relevant SPPB tables?

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 5 months ago #193901

Why don't you try Akeeba Backup? It is free and easy to use. Install it on your site. Then take a backup in ZIP format. Then install the ZIP on your localhost. Here is a tutorial on how to use it: https://drive.google.com/file/d/16fMwHR2ZAa3yctnP5rn7zm6YlwB7ijQj/view?usp=sharing

0
BP
Bruce Paine
Accepted Answer
5 months ago #193937

Thank you for this suggestion. We uninstalled the Akeeba Backup plugin because our hosting company has its own backup solution in addition to the usual cPanel methods. There were also some complications with the Akeeba setup which put us off. However, it would be easy to reinstall Akeeba temporarily for the purpose of moving the site on my localhost. Thanks again.

0
BP
Bruce Paine
Accepted Answer
5 months ago #193955

The Akeeba backup and restore worked well. Now I have my localinstall copy of the website running perfectly. However, when I open a module and try editing with the Frontend editor, the home page appears as usual and there is now an error message that says I do not have permission for something. It is not specific about what the permissions issue refers to but at least it is some clue.

I have looked at how to turn off mod_security in the MAMP local install settings but this is also proving difficult. There is an Apache conf file but I cannot find reference to mod_security.

What do you recommend?

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 5 months ago #193972
  1. Please check with a SUPER USER access.
  2. There is no mod_security issue on localhost.
  3. Check SP Page Builder settings that frontend editing is enabled.
  4. Then try frontend editor from SP Page Builder -> Pages.
0
BP
Bruce Paine
Accepted Answer
5 months ago #194010

OK

  1. I am always logged on as the site administrator with super user access.

  2. The frontend editor must already be enabled because SP Page Builder Pro is displaying 'Frontend Editor' options everywhere - in articles, modules and within SP Page Builder -> Pages.

2a. I have located the SPPB setting 'Frontend Editor Enable/Disable'. I tried switching it off, saving and switching it back on again, saving the change. This did not fix the frontend editor problem.

  1. When I click on the frontend editor button, only the homepage appears and the user login input boxes. This is despite the fact I have disabled logins using the template basic settings. This has been the behaviour from day one of installing SP Page Builder Pro. The only difference is now the permissions message appearing in the local environment.
0
BP
Bruce Paine
Accepted Answer
5 months ago #194011

Just to clarify, the error message is this: 'You don't have permission to access this. Please contact a website administrator if this is incorrect.'

I have managed to find the relevant Joomla error message, as follows... JERROR_ALERTNOAUTHOR

and trace it to the following php code... /administrator/components/com_sppagebuilder/sppagebuilder.php

which has the following line... if (!Factory::getUser()->authorise('core.manage', 'comsppagebuilder')) { throw new NotAllowed(Text::('JERROR_ALERTNOAUTHOR'), 403); }

But that is as far as I have been able to go.

I have checked the localhost files permissions. There are no problems there.

In Joomla admin, I am logged on as superuser. There is only one other user which is also admin - previously used by Joomshaper support.

The SPPB Pages I have tried editing with the frontend editor were all created by me using the same superuser login. So my access level should allow me to open all pages.

This feels like going round in circles. It appears the Frontend editor problem has been transferred from the live site.

0
BP
Bruce Paine
Accepted Answer
5 months ago #194013

I have tried uninstalling and reinstalling the SP Page Builder Pro extension but it did not help.

I noticed that after uninstalling, the SPPB plugins remained in place and the adminstrator/component folder com_sppagebuilder. So it appears not to be a complete refresh of SP Page Builder.

Another idea is to create a separate instance of Joomla 5 with fresh install of SPPB. It would be interesting to see if the problem persists on a complete new install.

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 5 months ago #194032

You have to log in on the frontend to use the frontend editor. Please enable frontend login form and log in from the frontend. Then try to edit the pages.

0
BP
Bruce Paine
Accepted Answer
5 months ago #194039

Ah - now this explains why it hasn't been working on the live site. We have the login form disabled because we don't want anyone in the public attempting to log in.

Of course it is ok to enable the login form on the local copy.

I'm finding the workflow unintuitive but the frontend editor is now working. When I choose to close a page I'm not taken back to the starting point. Presumably it is ok just to close the browser window after saving and to continue working in Joomla admin.

I have tried accessing frontend from the SPPB Pages section and Modules with the same behaviour.

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 5 months ago #194070

Glad that it helped. Let me know if you need any more help or we can conclude here.

0
BP
Bruce Paine
Accepted Answer
5 months ago #194073

OK, thanks. I need time to try a few things out, i.e. creating, editing pages, etc. I'm not able to just now but will let you know. It's late here now so will look at it tomorrow.

0
BP
Bruce Paine
Accepted Answer
5 months ago #194115

Good news. I have worked on a page that was needing layout adjustments for each device.

I have successfully exported the JSON file and imported it to the live site via the backend editor. The outcome is success!

There are the following points that might be worth mentioning...

I had a struggle with the frontend editor interface, sorting out and revealing required options to adjust layouts. I wish there was more consistency in the location of settings such as padding. Sometimes it is under the Style tab, other times not. I would also prefer the default padding option to be 'unlocked' instead of 'locked'. Then again, I suppose other users might prefer it to be locked You can't please everyone all the time.

For a while I struggled to locate some of the element option buttons. It turned out they were hidden in the narrow portrait mobile and tablet views. It wasn't immediately clear that the buttons can slide out of view. Now that is understood it is easy to slide within the element to gain access to the options. It would help if the frontend editor offered some clues such as a slider. Just a thought.

The most useful option is the Simple width percentage adjustment. That helped a lot!

There was one final anomaly that had me going round in circles for no reason. One of the frontend editor portrait views (if I remember correctly it was the portrait tablet view), was showing far too much space above an image (i.e. within the image element container.) It was in the second of two columns, arranged vertically in the tablet views. Nothing I did would close the gap. There were no padding or height adjustments entered. However, the gap was not noticeable during testing once the JSON file was loaded to the live site. So it appears to be an editor view issue.

That said, yes we can end this topic now. If I strike any other problems, I will create a new post.

Thanks again.

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 5 months ago #194138

You are welcome ๐Ÿ˜Š

It seems that you have understood how it works. You have explained it very well. Please do not hesitate to write if you need help in the future.

Good luck on the journey.

0
BP
Bruce Paine
Accepted Answer
5 months ago #194146

Thank you, It was the need to log in to the front end that really threw me. It didn't seem necessary when already logged in to Joomla adminstration.

The different device views are very helpful. The ultimate would be if if the backend editor could work that way.

That aside, I am pleased to say that the journey will continue and has been enhanced with the local install which is working perfectly.

0