Equal height
This support request was posted in General Support by hoornwijckgroep
- hoornwijckgroep January 11, 2019 at 1:52 pm
On this site we have a few rows which contains 4 koloms. I want the coloms (eg. -> home page \ ADMINISTRATIE — SALARISADMINISTRATIE — FISCAALADVIES — FINANCIERINGEN to have equal row height. How do i do this? selecting the options Equal height is not the solution.
Also I have difficulties on iOS devices. Colums are not shown properly.
Juanfra Aldasoro January 14, 2019 at 1:07 pmHello,
Thank you for writing. I hope you’re doing well.
Would you please share your access details in a private reply so I can take a look at how is that you have configured those rows?
Best,
JuanJuanfra Aldasoro January 16, 2019 at 1:31 pmHi,
Thank you for the follow-up.
Yes, and sorry for the delayed response. The user/password combination you sent is not working for me, can you check that please?
Best,
Juan.Juanfra Aldasoro January 17, 2019 at 2:01 pmHi,
Thanks for the follow-up and sharing the access details with me. The last ones worked.
Would you please add the following CSS?
.vc_column_container > .vc_column-inner { height: 100%; }
Best,
Juan.hoornwijckgroep January 17, 2019 at 3:19 pmJuan,
YOU ARE GREAT !!!! Thanks, problem with the colums seems to be solved.
Second question was : on al iOs devices the site is not presented very well.
On Android there is no problem, do you have another magic trick 😉 ?André
Juanfra Aldasoro January 17, 2019 at 3:39 pmHi André,
Thanks for the follow-up! I’m happy it worked 🙂
Would you please add the following custom CSS:
@media all and (max-width: 767px) { .nice_row-inner, .vc_inner, .row-inner { display: block; } .background-inner:empty { display: initial !important; } }
Best,
Juanhoornwijckgroep January 17, 2019 at 4:13 pmHi Juan,
I placed this code in Smart \ Theme options \ Customize \ Custom code & scripts \ Custom CSS (same place as where i place the cod e for de equal columns.
The site stil doen’t look fine on an IPhone. Anything else we can try.
Or should I use a different place to put this code.
this i s how the Custom CSS filed looks like:.vc_column_container > .vc_column-inner {
height: 100%;
}
@media all and (max-width: 767px) {
.nice_row-inner, .vc_inner, .row-inner {
display: block;
}
.background-inner:empty {
display: initial !important;
}
}Juanfra Aldasoro January 21, 2019 at 1:24 pmHi André,
Thank you for the follow-up.
Are you using any cache plugin? Would you please check clearing up the caches? What is that you’re seeing wrong in your iPhone version?
Best,
Juan.hoornwijckgroep January 22, 2019 at 9:22 amHi Juan,
On an Iphone the blocks with text are not displayed in the right way.
All text is displayed right through the icons. When there are four columns on a large screen an IPhone shloud display only 1, there are 1,5 columns shown.When I test the site on (for example) http://responsivedesignchecker.com
The screens are displayed oke. When I look at the site on an Android phone screens are displayed fine also.
I don’t think that we use caching plugins. Oe the have to be in the standard template.
Can’t find a plugin which I think can be a caching pluginAndré
Juanfra Aldasoro January 23, 2019 at 1:15 pmHi André,
Thank you for the follow-up.
If you disable all plugins it still happens the same? Would you please let me know in which section of your site that is happening? What iPhone version are you checking on?
Best,
Juan.hoornwijckgroep January 23, 2019 at 3:29 pmHi Juan,
I do have an Iphone7 whith the most recent iOS.
I did test it on a few Iphone’s howeverOn our home page there are six textblocks ( Ik wil meer focus Help! mijn administratie etc..)
When I open our site on an Iphone a few blocks are displayed on the same position so you are not able to read the text.
You must be logged in to reply to this topic.