Docs

[appletreeweb]

Hi

I have an existing site set up using x which was done last year. I use a child theme on this and did quite a bit of css customisation for the design. Although my limit of knowledge of css and responsive layouts is extremely limited. The customer would now like their layout changing to a full width design to match their US site. Looking at that it looks very achievable using x as its similar framework to the integrity demo. I have tried to look at changing the site I did using customizer setting it up as full width but I don’t seem to be able to achieve what I want and the product blocks are not responsive so I am struggling. I am wondering if it would be better to install a standard demo and then try to adapt that but I would need to then redo all my other custom settings. Can you advice? I will post the relavant urls and logins on a private post next

[appletreeweb]

This reply has been marked as private.

[Joao]

Hi There,

On each page, click on Edit page on your WordPress Top Admin Bar.

Once you are on the classic back end editor, below the blue button update you will find:

Page Attributes > Page Templates > Select : Blank No Container Header Footer.

Hope that helps

Joao

[appletreeweb]

Thanks for your reply however I tried that but it didn’t seem to help. I have tried using the cornerstone editor and creating a home-new page. I am struggling to work out in cornerstone how to make the blocks resposive. Is there a way to specify that what happens to the blocks at certain screen sizes eg. wraps from 3 column to 2 column layout for such as tablets then on mobile wraps to 1 column? is there any tutorials that might help me?

[Rad]

Hi there,

There is no tutorial available, and there is no column wrap setting available. The X theme only breaks to 1 column in mobiles, then it maintains the columns count on tablet and higher devices. Hence, it will require a lot of customization.

Thanks.

[Paul R]

Hi,

By default all columns converts to one column at 767 window width.

To change it you can add some custom css

eg. To make it 2 columns @ 979px

You can add this in Custom > Edit Global CSS in the customizer

@media (max-width: 979px) {
.x-column.x-sm {
    float: left;
    width: 48%;
    margin-right: 4%;
}

.x-container .x-column.x-sm:nth-child(2n+2){
    margin-right: 0;
}
}

For more information kindly refer to the link below.

Media Queries for Standard Devices

Hope that helps.

[appletreeweb]

Thanks for your help. I have tried the css code but its still now working but for some reason my 3 product blocks are wrapping completly instead of showing in the same line (3 columns)??

Also my page seems to have an uneven border so the blocks are hard up to the left edge of the page with a margin on the right but I cannot for the life of me see whats causing this? Would be really grateful for any help you can give on this?

[Paul R]

Hi,

Can you provide us screenshots and exact url of the page where we can see the issue.

Thanks

[appletreeweb]

Hi

Its the homepage of dev site, details above in this post, its not that easy to screenshot as it’s running the blocks into 3 rows rather than displaying as 1 row in 3 columns, but here are a couple of screens anyway. The one where it shows them in 1 row is the .com site that I am trying to replicate.

[Rue Nel]

Hello There,

I am another staff checking this thread at the moment. When I edit your page, I noticed that there are several JS errors on the page. I did some further investigation. I noticed that you are using PHP version 5.3.3 and WordPress 4.5 requires at least 5.6 (https://wordpress.org/about/requirements/). This could possibly be the cause of the issue. In most cases you cannot update your PHP version yourself and need to contact your host about this. The upgrade process is an easy process and should be something your host can do for you without affecting your website or charging you for it. Here’s a letter you can send to your hosting company:

Dear host,

I\'m interested in running the open-source WordPress <https://wordpress.org/> web software and 
I was wondering if my account supported the following:

- PHP 5.6 or greater
- MySQL 5.6 or greater
- The mod_rewrite Apache module

Looking forward to your reply.

Hope this helps. Kindly let us know.

[appletreeweb]

Thanks for your response, I am looking into upgrading to the latest php etc although I am told the server runs centos which is no longer supported by the latest version of plesk required for php!

In the meantime I have been trying to resolve the responsiveness of the blocks. I am using visual composer, I have tried cornerstone but unfortunately I just cannot get my head around how it edits etc and can’t see any responsive settings for such as these blocks in there? I have been looking at tuturials on the visual composer site and it shows options of setting up columns and responsive layout as an extra tab in the block editor but I don’t have these? I checked and I am running the latest version 4.12.1, do you know if there is a reason why I would not be seeing these options?

[Christopher]

Hi there,

Cornerstone is responsive and you don’t need special option to make blocks responsive.
To solve the issue with VC, upon checking your home page content, I noticed there is an extra </div> in all three columns, see the attachment. Please remove it from all columns in first content bad to fix the issue.

Hope it helps.

[appletreeweb]

Thanks for spotting that, that helps! I am however a bit confused as in the earlier reply by Rad he said that cornerstone is only set to go to one column on a mobile and therefore the custom code needed to be added. There doesn’t seem any way to easily control this? Whereas the visual composer seems to have the option to specify for each device type and control it. I still don’t understand why I don’t see all the options in visual composer though? does x theme disable some of the functionality?

[Christopher]

Hi there,

The version of Visual Composer included with X should be thought of as a drag and drop framework to support our shortcodes, not a standalone plugin with its own independent feature-set and functionality. While you can easily turn on native features of the plugin should you desire them, it is recommended that you use our defaults as we have tailored the experience of using the plugin to suit X.
X does not support Visual Composer’s native shortcodes for the reasons listed in the “Included Shortcodes” section above (see https://community.theme.co/kb/integrated-plugins-visual-composer/), which includes code bloat, performance, and duplicate content. However, you can turn Visual Composer’s native shortcodes back on as mentioned previously.

All columns go full width and stack on top of each other at specific break point(767px). If you wish to change this behavior, you should customize theme and core files which would be outside the scope of our support.

Hope it helps.

[appletreeweb]

Thanks for your reply, but please can you tell me why the Visual composer responsive options are not there according to their tuturial?

Also do you offer a paid customisation service to configure the layout how I need it?

[Author]

Posts