Website doesn't load portfolio content on mobile - wordpress

I just made a website using a Wordpress theme and it all works good on desktop computers. However, while the site initially loads normally on my phone (I'm using iPhone 6 with iOS9, but the problem is the same on Android phones too, I tried two), once I click on the portfolio item, it loads a blank page (header and footer only).
When I tap on the address bar, I notice that it never went to the right link at first place (the portfolio item link), it just shows the homepage link and there is no content.
I managed to fix the problem by entering the external URL in portfolio item options. It was still internal link from the site but I made the link open the new tab (if it doesn't open new tab, the problem stays the same). However, if I choose to go back to the homepage from that link (the portfolio item link), the homepage is blank, there is only header and footer so the problem returns again.
Just so you know, the first portfolio item contains the external link outside the Wordpress and that one opens normally.
What is wrong with the mobile site?
The site URL is: http://svenharambasic.com
The screenshot is attached. Thank you!
P.S. There are also google ads showing, I never encountered that before, but I'll work on that once this is solved.

I only see a white screen upon clicking any of the homepage portfolio image links (except for the first link which goes to an external site in a new tab) on desktop and on mobile actually. There is a content_inner class with inline styling setting visibility:hidden.
It's unclear to me why it's doing that- maybe to remove focus from the body and draw focus towards something that is supposed to appear in the foreground but does not? If I remove visibility:hidden from the element in the browser, I see a series of additional images appear, which seems to me to be more an expected behavior. Are we on the right track?

I managed to solve this, it was the setting in the theme options; I had to disable grid lines... I can't say I truly understand why, but it worked!

Related

Reasons why my mouse is not showing up in my wordpress site after uploading the header and footer with a plugin?

We are designing a WP site from a template called Remake, and, after uploading the final versions of the header and footer through a plug in, the mouse (cursor) suddenly disappeared! Can't find an issue inside the code, when we remove the plug in, the cursor appears and thats the only way to fix it BUT we need to use it. (It's happening with any plug in we use...)

unable to View a page on my website but can View it in preview through Wordpress

in the hamburger menu of our website, i created a Yoga Video Course Page via wordpress and it was working fine. I looked this morning and can see it in Wordpress and can even edit it and see it on the preview. However when i try to view it on our website th screen appears Black.
Any suggestions would be grateful?
Thank you
Please try to open the inspect element and look if the elements are displayed as required. The issue might be due to several reasons. You need to investigate further and find a solution. Also look at the network tab on inspect element to make sure there are not 500 internal server errors. Also set the wp_debug=true on config.php to provide more error info. Also try to activate another theme and see if the page is being rendered properly.

Wordpress - Elementor pro nav align issue

if anyone could help that would be much appricated. in the elementor editor it is all aligned and fine. but as soon as i update and view live version the menu looks like this.
when i hover over policies it appears like this. i have not had an issue before as it has always aligned under the dropdown in the correct position. also the text is aligned to the right and will not change to the left.
Do you have a link to the live page to check the code?
What do you mean with "live view" - are you working with some kind of staging/deployment tool?
Maybe it's a cache problem of either your browser or the server, did you try to clear them? Did you try to view the page still logged into WordPress and not logged in, does that make a difference?

Wordpress image slider overlay issues

I've build a WordPress website which runs the TouchFolio theme. This theme uses a plugin called Royal Slider to create the sliding image gallery featured on the main page.
http://www.suellewelyn.com.au/
https://dimsemenov.com/themes/touchfolio/
https://dimsemenov.com/plugins/royal-slider/
I've ran into an issue where the description overlay on the RoyalSlider plugin is staying active across different projects, which results in them becoming mislabelled.
To recreate the issue, if you load the page at http://www.suellewelyn.com.au/ the first work titled "Primal Intent" comes up. If you then use the left hand menu to jump directly to a project lower down the list ("Celebration" for example) the "Primal Intent" title and description stays active. I noticed that this is an issue with demo of the theme on the developer's website as well.
Does anyone have any suggestions as to how I might be able to correct this?
Just Increase z-index of your pseudo element with tint.

Buttons become unclickable after certain actions - how to fix it?

1 – I have a search and filter form on my mobile site (480px and below) made with Search and Filter Pro plugin. Here’s the screenshot showing what I mean:
If you click on “Pokaż filtry” filters will appear. The problem is that when you expand it and just click “filtruj” (filter), the “Pokaż filtry” button will stop working – you can click as many times as you want but it won’t expand anymore (it becomes unclickable). Everything will start working again after refresh.
Second problem is very similar to the first one. At 480px and below, when you choose any option and click “filtruj” the whole search form will dissapear. Everything will start working fine again after refresh.
At resolution 960px to 480px there’s a button to show sidebar.
There’s also a Search and Filter form. When you use it, you can’t close the sidebar – the button just stops working (becomes unclickable).
These issues are 100% caused by Search and Filter Pro plugin. When I deactivate it, everything works fine. Most likely it's a conflict with theme.
Here's my site - http://gromocje.pl/
Does anyone have any idea how to fix it? I feel like I tried everything... I've never seen such a issue.
$('.otfm-sp__title').click(function() {
replace with:
$(document).on('click', '.otfm-sp__title', function() {
Reference & more info - stackoverflow.com/a/29674985/2245806

Resources