Full width section not working

Home Forums Jevelin Theme Full width section not working

Home Forums Jevelin Theme Full width section not working

This topic contains 7 replies, has 2 voices, and was last updated by  Shufflehound Support 2 years ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    RESOLVED Posts
  • adam992
    Participant

    Hi there,

     

    I like the theme pretty much so far, but i seem to be unable to use full width sections with the visual builder

     

    I enabled full width on Page Layout setting

    I enabled full width on Whole Page Layout

    I used a full width demo layout

    I set a new page with a full width section

     

    My site is still running on Page builder by SiteOrigin with no problems with full width sections

     

    Please help

    Attachments:
    You must be logged in to view attached files.

    Hi @adam992,

     

    I hope you are well today and thank you for your question.

     

    Could you please try using the below latest version of theme?

     


    Please login to access this file

     

    If the issue still persists then try adding the following CSS code in the Custom CSS code option of your theme on the below path.

     

    Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code

     

    .container.entry-content {
        width: 100% !important;
        max-width: 100% !important;
    }

     

    Best regards,
    Shufflehound team

    adam992
    Participant

    The CSS code worked 🙂

     

    Thank you

    adam992
    Participant

    Hello again,

     

    After adding the CSS code all my site is full width and i cant set it to normal anymore.

     

    Some other solution maybe?

     

    Note that i have the 3.0.3 version installed

    Solution for this topic

    Instead of above shared CSS code you can use the below custom CSS code that will only affect to the pages you have set Page layout to Full Width as shown in the attached screenshot.

     

    .content-container.sh-page-layout-full .container.entry-content {
     width: 100% !important;
            max-width: 100% !important;
    }
    Attachments:
    You must be logged in to view attached files.

    adam992
    Participant

    But will it work if there are mixed sections full width and normal on the same page like in your demos?

     

    I will try it and let you know

    adam992
    Participant

    Seems to be working now, even if there are mixed sections.

     

    Thank you

    You are always welcome here 🙂

Viewing 8 posts - 1 through 8 (of 8 total)