On this page I have an image on top. On mobile, I want to remove this image. In the settings for the row I can do this just with ticking a box.
BUT, when the image is removed on the mobile-view it creates a lot of space on top of the page. Where the image usually is. I want the content below to be at the top of the page...
Like the article says, this does the same thing as ticking the boxes. And it`s gone on mobile, but there is still a lot of space now, where the content is supposed to be.
I was hoping that when hiding the content on mobile, it didn`t leave empty space.
My bad, this client has two identical sites, so I used wrong url. Works great now!
But; wouldn`t it be easier if the hidden content really was hidden? Instead of having to use custom code to remove the blank space that the hidden content creates?
Another issue with responsiveness is when viewing the site at a large iPad. If you visit and reduce the size of the browserwindow, you see that at some point, the content disappears, before I appears again when the window is small enough to show the mobileversion.
Why is the content gone when viewing screensizes in between?
www.porsgrunnkiropraktorklinikk.no/ovelser
On this page I have an image on top. On mobile, I want to remove this image. In the settings for the row I can do this just with ticking a box.
BUT, when the image is removed on the mobile-view it creates a lot of space on top of the page. Where the image usually is. I want the content below to be at the top of the page...
How do I fix this?
ThemeNectar?
Hey Again,
Please have a look at this Article :Hiding Rows on Mobile / Desktop in Visual Composer .
Be.st
ThemeNectar Support Team
Like the article says, this does the same thing as ticking the boxes. And it`s gone on mobile, but there is still a lot of space now, where the content is supposed to be.
I was hoping that when hiding the content on mobile, it didn`t leave empty space.
Is this possible to fix?
Did you use the css classes to remove the Rows ?.
ThemeNectar Support Team
Yes, on this page I have used that code: www.porsgrunnkiropraktorklinikk.no
But if you look at it from mobile, there is still a lot of space at the top.
You can see it here: https://screenshots.firefox.com/8pQADTsreFUiUJdp/porsgrunnkiropraktorklinikk.no
Up...
Hey Again, Hope you had a Great Weekend, Sorry for the delay.
Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
@media only screen and (max-width: 690px) { body .vc_row-fluid .wpb_column { margin-bottom: 0px !important; } }Thanks
ThemeNectar Support Team
This does not solve the issue I`m afraid. :/
I need to remove the space on the top of the page. Where the hidden content is.
This code does not fix this, instead it pushes the boxes closer together...
You dont seem to used the css classes as mentioned in the article to remove the Row : http://prntscr.com/hjdsi2 .
Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
@media only screen and (max-width: 1000px) { .wpb_row { margin-bottom: 0px !important; } }Thanks
ThemeNectar Support Team
My bad, this client has two identical sites, so I used wrong url. Works great now!
But; wouldn`t it be easier if the hidden content really was hidden? Instead of having to use custom code to remove the blank space that the hidden content creates?
There is a margin added to each row which is actually causing the gap . Have noted to improve this in upcoming updates.
Be.st
ThemeNectar Support Team
Another issue with responsiveness is when viewing the site at a large iPad. If you visit and reduce the size of the browserwindow, you see that at some point, the content disappears, before I appears again when the window is small enough to show the mobileversion.
Why is the content gone when viewing screensizes in between?
You see the issue here:
So, I found the issue.
It was because I used the code "vc_hidden-lg vc_hidden-md vc_hidden-sm" to hide boxes as you told me.
But, does this mean I cannot use this code or do I have to do it in another way?
Hey Again,
Those classes are only provided as a hack . Try using the Available Column Option only : http://prntscr.com/hlz3hc .
Best
ThemeNectar Support Team