-
Posts
-
I’m trying to create hide based on screen width pages using a template one of your team gave me a while back but the screen hides don’t seem to be working properly i.e. they aren’t showing when they should be. Can you help. I’ll put my login details on the next page.
This reply has been marked as private.I’ve managed to get it all working correctly except for the small screen view and the large screen view. In these both the mobile view and the non mobile view are showing at the same time even though one is hidden in each screen size.
Also the images are not showing up in the mobile view
Hi There,
Please add to the style box of the columns where you have the background images : min-height: 290px;
Hoope it helps
Joao
I’m afraid this didn’t make any difference they still aren’t showing, it might help to know that I copied the text exactly that was sent over to me and inserted my url so the first style box of the column is currently;
background: url(‘http://wackynation.co.uk/wp3/wp-content/uploads/2017/03/about-us-bog-snorkelling.jpg’); background-size: cover; min-height: 290px
The small screen view and the large screen view are also not working. In these both the mobile view and the non mobile view are showing at the same time even though one is hidden in each screen size.
Hi there,
Please see the attachment, the image is displaying fine.
Would you please check again and confirm me.Thanks.
1) In the mobile and small screen view the images display in the working view (capture you sent above), but not when its at full screen view as per my capture below. So is this working properly?
2) The small screen view isn’t working properly. In this working view both the mobile view and the non mobile view are showing at the same time even though the non mobile view is hidden in this screen size.
Oops not sure if this posted properly this morning. Still not sure why the images aren’t showing up properly in this page
http://wackynation.co.uk/wp3/?page_id=842&cornerstone=1
1) In the mobile and small screen view the images display in the working view (capture you sent above), but not when its at full screen view as per my capture below. So is this working properly?
2) Also, the small screen view isn’t working properly. In this working view both the mobile view and the non mobile view are showing at the same time even though the non mobile view is hidden in this screen size. Can you help please?
Hello There,
Thanks for updating in!
#1] The background image is not showing because there is something wrong with your quotes. Please edit the page and make sure that your inline css is this:
background-image: url(http://wackynation.co.uk/wp3/wp-content/uploads/2017/03/about-us-bog-snorkelling.jpg)#2] You are experiencing the issue because you have applied visibility option in the section settings and in the row settings. I would highly recommend that you removed any visibility option you may have in the section. Please only use the visibility option of the row settings since you have more than one rows within the section. Visibility option for the section may only apply if you only want to hide the entire section on certain screen sizes.
Hope this helps.
I’ve made all the changes recommended above but both of these issues are still the same. Any other ideas please?
Hi there,
I can’t replicate the issue from my end, from what device you’re testing it with? I checked it in cornerstone preview and on my mobile and it’s the same.
Thanks!
sorry does this mean that you can see the images normally i.e. all images are showing in the mobile views
and in the small screen the non mobile view is hidden.
I’m on an acer laptop
Hi There,
I did checked your setup and I am confuse with your issue right now. I can see that the section 2 Town & City Events are hidden on mobile mobile. Then the next section content Copy of About is hidden on mobiles. It is working as expected.
Now the only issue I am seeing is how you have added the image on Copy of About section columns. Since this section content is supposed to display on smaller screen size only, no need to use 2 columns because it stack on mobile view. Just use one column is fine. Add the image as image element and not as column background. Then custom headline and text as usual. At the current setup, you can’t see the image because it is added as background image. Since the column has no content, we can’t see the image entirely. Background image height will depend on it’s content height where it is added.
Hope this helps.
