Docs

[ikarakas]

Hi,
How can i disable responsive features ? I tried suggestions but still mobile version is active.

Thank you

[Rad]

Hi there,

Thanks for writing in.

It’s not really possible at the moment due the features that should be disabled along with the responsiveness.

You can try but could be effective on mobile only.

Remove this line :

<meta name="viewport" content="width=device-width, initial-scale=1.0">

from :

\wp-content\themes\x\framework\views\global\_header.php

Hope this helps.

[ikarakas]

Do you have plan for this feature?

[Rue Nel]

Hello Again,

We are not entirely sure of what you want to achieve. X has been built as optimized as possible to work on mobile first. X is using media queries. Disabling the responsiveness of theme would require rebuilding the css of the theme. Could please clarify whether you want only to disable the responsiveness of a particular element or for the whole theme.

Thank you.

[ikarakas]

Thank you for quick response. I just want to disable responsiveness only x-promo element.

[Rue Nel]

Hi Again,

To assist you better with the x promo element, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Thank you.

[ikarakas]

This reply has been marked as private.

[Paul R]

Hi,

You can add this under Custom > CSS in the Customizer.

body .x-promo {
  min-height: 600px;
}

Change 600px to achieve your desired height.

Hope that helps.

[ikarakas]

This reply has been marked as private.

[Paul R]

Hi,

You can add this under Custom > CSS in the Customizer.

@media (max-width: 1200px){
.x-column.x-1-4 {
    width: 48%;
}
}

You may change 1200 to adjust the breakpoint when it will become 2 in a row.

Hope that helps.

[Author]

Posts