Tablet View Issues

[David Martin – Support]

Hi,

It requires a Google Authenticator code, can you disable that?

Thanks.

[tsimarketing]

You don’t have to fill the google authenticator out. It is not active for that user account. You should be able to just fill out the username and password and get in.

[David Martin – Support]

Thanks, but the main supplied details do not work.

Cheers,
David.

[tsimarketing]

This reply has been marked as private.

[David Martin – Support]

Great, thanks – is this test site ok to update WP and the main parent theme? http://tsihealthcare.com/test/wp-admin/themes.php

Thanks.

[tsimarketing]

I’d prefer to be the one to update that stuff, I need to make a back up of the site first which I am doing right now. Do you need to update WP and the theme to figure out how to fix these issues? Because it has been a little over a week now of me waiting to get help with these issues. We really need these issues resolved because it’s our company site that gets seen by a lot of people and the response time for these issues so far has not been acceptable. I will try to update those things on the test website today, but we really need an answer on these issues ASAP.

[David Martin – Support]

Hi,

We have been on our Christmas and NY holidays so the delay was not helped by that.

I am within your site now. I am trying to add some custom CSS, however this is not being reflected on the site front-end. (Which could explain some of our issues.)

The CSS from the options panel is not being pulled updated on the site.

Do you have any caching rules added to your .htaccess file? Please add your FTP details.

1)

For this page: http://tsihealthcare.com/test/addons/ You need to override the height to auto for small screens. This will amend the icons box height as you have explicitly set that previously with an !important tag. Ex:

@media only screen and (min-width: 768px) {
.page-id-52 .sf-icon-box[class*="sf-icon-box-boxed-"] .sf-icon-box-content-wrap {  
height: auto!important;
}
}

However I cannot get the CSS to update on your site.

Thanks.

[tsimarketing]

That’s weird that you’re not able to get the css to update on the site, because I have been able to have css codes update. I just added that code above in and it updated on the site and fixed the problem of the text running over on tablet view, however it messed up the way the boxes were on desktop view. Now the boxes on the desktop aren’t the same height anymore. I tried changing the code to say max-width:768 instead of min-width:768 but that didn’t do anything. I will talk to my supervisor about the htaccess file. In the meantime can we open this discussion up with some of your coworkers? Maybe we can speed up the process by seeing if anyone else has any ideas.

[David Martin – Support]

I added this to the theme options custom CSS /* testing */ and it’s not outputting.

I’ll be online for at least another 3+ hours, after that my colleagues will assist also if available.

Could you please also attach more screenshots of your view, as for me the desktop version looks normal (see screenshot)?

Thanks.

Attachments:

You must be logged in to view attached files.

[tsimarketing]

Attached are two screenshots from this page. I even refreshed my page and they are still off.

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Hi,

Yes I see that also now, unfortunately again – my CSS is not going through onto the live site.

Are you sure there is no caching/minification?

Thanks,
David.

[tsimarketing]

No we have no caching rules in our htaccess. The IT guy at our office said that I could set up a gotomeeting with you so you can take a look at our htaccess. He would prefer that I don’t give you the username and password to our cpanel. But if I set up a gotomeeting, I can set everything up for you and then let you take over and look around.

[David Martin – Support]

HI,

I’m going to copy out your content into my local dev version then supply you with the CSS that works for me.

I’ll report this back today.

Thanks.

[David Martin – Support]

Hi,

I have currebntly got your page http://tsihealthcare.com/test/addons/ working great on my dev version on: Desktop/Ipad/Ipad Mini.

You will need to:

1) Backup your CSS
2) Remove all CSS previously for this page, I think you have this prefixed with .page-id-52.
3) Copy in this:

.page-id-52 .sf-icon-box[class*="sf-icon-box-boxed-"] .sf-icon-box-content-wrap { min-height: 550px; }

/*  iPad in landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
.page-id-52 .sf-icon-box[class*="sf-icon-box-boxed-"] .sf-icon-box-content-wrap {
    min-height: 645px;
}
}

/*  iPad in portrait */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
.page-id-52 .sf-icon-box[class*="sf-icon-box-boxed-"] .sf-icon-box-content-wrap {
    min-height: 850px;
}
}

Here are my testing screenshots for Desktop, iPad (portrait/landscape) and iPad mini (portrait/landscape).

Thanks

Attachments:

You must be logged in to view attached files.

[tsimarketing]

Okay, I will try this out and see if it works. Is there a reason why the icons and the download brochure button in the first screenshot has turned to red? Is that just in the screenshot, because we don’t want those to be red.

In the meantime while I try this out. Can you go back to looking into why the header buttons at the top above the navigation are not lined up on the same line. We want the client area button to be brought back up to the same line as everything else on the tablet view, because it looks correct on desktop. That is the main issue we want fixed right now.