Navigation
This is archived content. Visit our new forum.
  • Author
    Posts
  • #278472

    ikarakas
    Participant

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

    Thank you

    #278474

    Rad
    Moderator

    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.

    #278500

    ikarakas
    Participant

    Do you have plan for this feature?

    #278510

    Rue Nel
    Moderator

    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.

    #278516

    ikarakas
    Participant

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

    #278530

    Rue Nel
    Moderator

    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.

    #278557

    ikarakas
    Participant
    This reply has been marked as private.
    #278585

    Paul R
    Moderator

    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.

    #278628

    ikarakas
    Participant
    This reply has been marked as private.
    #278676

    Paul R
    Moderator

    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.