-
Posts
-
Hi Support,
re Topic title – someone closed the previous thread of the same name, so I have restarted a new thread with the same name and added #2 – bit frustrating that you would do that – means I now have to recall two threads to follow and learn from the instructions and guidance provided.
Current issue – I have sought to limit a section of my website from smaller devices using the Screen options tabs’. Firstly I tried limiting the information contained within the ‘text blocks’ by choosing “hide on small” and “on very small” that didn’t work. So then I tried limiting the information by by using the “hide on mobile devices” option in edit column option. That didn’t work. I continued to limit information appearing on small screens by choosing every option I could find on each and every ‘component’ of the color section including the color section itself and that didn’t work either. What gives?
At some point some information did stop showing on small devices and I don’t know what action I had taken that resulted in that outcome. As I said above I have worked my way through each and every setting. The current settings are all set such that no element within the color section is showing on small devices and yet the text “We have produced successful results in ALL these industry sectors” is still showing ie on current settings some of the information is not showing and some is.
Is it really necessary to have to choose every option in each and every cell to limit information appearing on small devices or can it be done by just limiting the color section itself and therefore all that it contains.
What is required to do this effectively?
John
Hey JRTaxi,
Thank you for writing to us. Once the issue is resolved the ticket will be closed. As Mike helped you out with the issue I checked your previous ticket as closed.
We request you to kindly open new tickets for different issues so we can keep the topic related to its content, please be as accurate as possible with the subject it will be easy for others who are facing the same issue to find the solution :)
Selecting the options “Hide on small and very small screen” will not display the content on mobile devices with a screen width less than 767px.
If you wish to hide content in mobile device please add 2 color sections one for mobile and one for desktop and all your content inside it.
Hide the desktop version color section on mobile from screen option.
Hide the mobile version color section on desktop from screen option.
No, you do not need to select hide content ins mall screen for every element. Just make sure you select both small and very small screen options.
Another way to achieve the same result is by hiding the individual columns in the screen options but this is limited to hide on mobile screen only.
Hope this helps :)
Best regards,
VinayHet Vinay,
thank you for your response and insight into your procedures.
If you were to look at the back end of the site (access details below) I am building you would see a ‘color section’ with a “Special Heading” – “We have produced successful results in ALL these Industry Sectors” you would note that I have selected the “hide on small screens…” and “Hide on very small screens…” for this information and other elements in this “color section” via the screen options tab. I have not selected these “hide’ options for the “some of our clients” and “client logo” images
If you were to look at this web page (see below) on a small screen you will see that the ‘Special Heading’ information is in fact visible contrary to the options selected. I am using a iPhone 6s in portrait mode to test mobile (small screen) results – the other information such as that contained within the ‘columns’ is not visible on the same iPhone 6s and is consistent with the options selected – go figureWhat step/s is required, that I have not taken and that is making this information still visible on small and very small screens ?
John
Hi,
Thank you for performing the suggested steps and providing the credentials to check your site.
I checked the issue on homepage and it appears what you mentioned is correct. The changes are not reflecting correctly this is mostly due to caching issue. The CSS file does not get’s updated.
Whenever you make changes to the site we recommend disabling the CSS and JS merging in Enfold > Performance tab. I have set this option for you now once you are finished making changes you can enable these options in performance tab.
It appears in spite of clearing the cache the homepage refuse to load the changes correctly. This could be because of some code or files in conflict. So I enabled debug mode and created a test page to check if the options work for you and yes it works fine. Please check the test page link in private content all options works fine. If youa re happy with this just delete the homepage and make the test page your home page.
Please make sure to change the permalinks to “Welcome” from “_test” :)
Let us know if you have any issue, we are happy to help you!
Best regards,
VinayHey Vinay,
done – that took me out of my comfort zone and I think have followed your instructions correctly.
I noted the changes to the CSS and JS merging in Enfold > Performance tab, the _test permalink and a bunch of code under the contact form which I am assuming is the debug window or similar. I followed through and deleted the welcome page and changed the permalink and then followed up by enabling the CSS and JS merging. Then changed from private to public and republished the ‘new’ welcome page.
I changed some information in the widget 1 “EMDG Consulting”. (see below) I changed this information because it was not appearing on mobile and I thought it might be due to the spaces between digits
I have refreshed the web page in a browser and the site is now broken
Hi,
The site loads fine but I think you forgot to set the “Welcome” page as the front page in the theme options. We set the page as front page. We also set the visibility of the full screen slider. It’s only visible on desktop mode or when the screen is wider than 989px.
The theme documentation might help.
// https://kriesi.at/documentation/enfold/
Best regards,
IsmaelHi Ismael
Thank you – did not think of that – helpful to know – yes I am finding the documentation helpful to learn all that is required.
Thank you for efforts to improve the smaller device experience. It is unfortunate that I did not have the same success when I tried.
I am still a little lost as to why the text in the widgets is not ‘all’ showing on mobile devices – ie the phone number and ABN number do not show on mobile rather they are invisible until touched and yet the other text is visible. eg compare info displayed on desktop with info displayed on mobile
Please let me know what is required?
John
Hi John,
That is because of format-detection meta tag – http://www.html-5.com/metatags/format-detection-meta-tag.html
Please try adding following code to Functions.php file in Appearance > Editor
function avia_turn_off_detection(){ echo '<meta name="format-detection" content="telephone=no">'; } add_action('wp_head', 'avia_turn_off_detection');Regards,
YigitHi Yigit,
thank you that was helpful.
Among other changes I have added a “read more tag ” to each of the 5 x text blocks – the ‘read more’ is not showing on desktop views of the text blocks – what could be causing this problem? FYI – I have isolated each of these text blocks and related images from mobile devices and small tablet devices – Please see below for log in details.
Also I have noted that the google tool “is my site mobile friendly” returns that my site is NOT mobile friendly – what could be causing this problem?
Your assistance is appreciated
Cheers John
Hi,
Where did you add these “read more” tags? Please note that you can only use those tags inside an actual post.
// https://en.support.wordpress.com/more-tag/
And this article will help you improve the google pagespeed insight tool score.
// https://kriesi.at/archives/scoring-100-100-in-google-pagespeed-insights-gtmetrix-pagespeed-and-yslow
Best regards,
Ismael
- You must be logged in to reply to this topic.