[Jared RParticipant]

Dear Support,

http://www.33ADMinistries.com

When you look at my website from a normal browser everything is lined up and in place.

When you look at my website from an iPhone we have issues.

Here are my issues:
1) First going to the webpage does not go to my landing page.
2) On the “Main” page the pictures are not showing up in the “575×575”
3) On the “Meet The Staff” page some pictures are showing up, then there are double pictures and some are even out of place. One picture is of a guy when it should be of a girl and then another place hold 575×575 is right below it.
4) On the “Giving” page the font is running vertical and is all messed up.
5) On the “Media” page, I have made that into the portfolio page and the word —Media— is blacked out by the background.
6) and lastly, when I place the 575×575 pictures on the “Main” page, there is no where I can find to make those pictures clickable (linked) to the designated page.

Any help would be appreciated.

I have searched and searched and cannot figure this out. I would be more than happy giving you my information to see if there is anyways to fix this.

Thank You so Much,

Jared Rooks
33AD Ministries

[Jared RParticipant]

Support,

#1 is fixed.. The rest is a mystery. Please help asap.

Thank You

[Jared RParticipant]

is there any support out there??

[MrinalMember]

Hi Jared,

Really sorry for the issue you’re facing & our delay response. From you site source I can see that all of the images you’re having in your site got a class named x-visibility x-hidden-phone which caused not to show images in smaller devices.

To dig this issue I need to check your site from back end. Please share your website login info as private reply here.

Thanks for understanding, have a nice day!

[Jared RParticipant]

This reply has been marked as private.

[RadModerator]

Hi Jared,

I created a duplicate of your home page http://33administries.com/no-visibility-test and I removed all [visibility][/visibility] shortcode. Your other sections are using visbility too which is why they aren’t appearing on 575×575 . Please remove them if you really don’t intend to hide them on mobile.

#4 Don’t wrap your content with <pre></pre>
#5 Add this css at your customizer’s custom css.

.h-landmark, .x-portfolio-filters, .x-portfolio-filter {
color: #ffffff;
}

#6 Because of visibility

Cheers! Hope these helps 🙂

[Jared RParticipant]

The main problem I’m still having is the website being responsive to mobile devices. The pictures are still showing up as 575×575 and also on other pages there are duplicate pictures.. Also on the “Main” page when its in the mobile browser is shows the section “giving” twice

I have done everything you’ve told me to do and its still not working. Can you go in and see if it can big fixed?

[AlexanderKeymaster]

Hi Jared,

I’m sorry you’re still having issues with this. I’ve taken a closer look, and I’ve found that most of these issues are related to how the visibility shortcode is being used.

Anywhere you see content wrapped in visibility shortcodes, it’s going to be hidden for a particular screen size.

[visibility type="hidden-phone"] Will appear on desktop and tablet screens, but not mobile phones.[/visibility]
[visibility type="hidden-desktop"] Will appear on tablet and mobile screens, but not desktops.[/visibility]
[visibility type="visible-phone"]Only appears on mobile phones, not desktops or tablets.[/visibility]
[visibility type="visible-desktop"]Only appears on desktops, not tablets or mobile phones.[/visibility]

You can learn more about how this works: http://theme.co/x/demo/integrity/1/shortcodes/responsive-visibility/

If you take a closer look at your staff page, you can see this is why there are still placeholder images. The demo content for Integrity 1 has several visibility sections, so some of the content needs to be inputted twice.

Unfortunately setting all of this up is outside the scope of support we can offer. However, I can make some recommendations that might make this easier for you.

1. Use Visual Composer. Using Visual Composer would make it easier to edit the content, as you could see each section represented visually in your editor. But in order to do this, you would need to import the VC specific demo content, as the VC rows and columns work a bit differently, and this demo content accounts for that. I went ahead and added this page for you. Take a look here:

http://33administries.com/wp-admin/post.php?post=7060&action=edit

I see you’re using a version of VC other than the one bundled with X. This can cause other issues, as the latest version of X is only tested with the version we bundle with it. I would advise deleting the currently installed version of Visual Composer, and installing the version that came with X. (You can read more about our reasons behind this here: http://theme.co/x/member/kb/integrated-plugins-visual-composer/)

Once VC is set up, you can look for the “eye” icon on your page. This means that entire section has a visibility condition. There is an edit button (pencil icon) at the top right of that section where you can see what condition is being used.

2. As an alternative to using Visual Composer, I would recommend making your edits from the “Text” tab of the page editor. This looks more like code which can be difficult, but it will be easier to identify where the visibility shortcodes start and stop.

One thing you could try from there is duplicate your page so you have a backup, then just remove the visibility shortcodes, and duplicate content. X is inherently responsive, so even without the visibility shortcodes it will look pretty nice across all screen sizes. The visibility shortcodes are just there in case you want unique layouts. This is why we included them in Integrity 1.

I understand this isn’t a direct response to your previous question, but I hope it clears some things up and brings greater understanding to the situation. Once you’ve given this a look over, let us know if you have any additional followup questions.

Take care!

[Jared RParticipant]

Thank you so much for you’re prompt response.

I have deleted the VC that i had originally, but now trying to figure out how to get your VC plug in. I understand it came with it, but I can’t find the plugin for it. I’ve went through and found the .php file, but i thought you had to .zip the file inside of wordpress.. this is the error it keeps giving me.. http://prntscr.com/3y3s32

Thanks again for your diligence

[ZeshanMember]

Hi Jared,

Thank you for writing in!

We have a detailed article on the issue you are facing. I’d advise you to review it: http://theme.co/x/member/kb/solutions-to-potential-setup-issues-visual-composer/

Hope this helps. Please let us know if you still face any issue, we will be happy to assist.

Thank you.

[AlexanderKeymaster]

Hi again Jared,

Quick update here.
If you’re getting that message, it means you’ve properly installed the version that we included with X – so we know that it’s the right version.

The problem is that it’s not compatible with your content because you started using the “Standard” Demo content. Unfortunately Visual Composer doesn’t have a way to convert it. You’ll need to create a page from the VC specific demo content (http://theme.co/x/member/demo-content/)

[Author]

Posts