Okay
  Public Ticket #1195837
full screen layout question
Closed

Comments

  • CaterinaC069 started the conversation

    Dear developers, I have another question: I would like to know if there is the possibility to define a wider container for the site, i.e. like in this page from another site: 

    http://www.hayonstudio.com/design/

    I tried the full-width mode, both for the menu and the container, but in this case the space left on the right / left is very small by default...and in the portfolio, the description text is not right aligned to the full-width menu. I would like to know if there is an intermediate solution, between boxed and full-screen layout... as the one in the sample.... thank you very much 

    Caterina Cirri 


  •  1,559
    Laborator replied

    Hi Caterina,

    On our fashion demo we have manually added a custom width container, you can view it live and see if like it by comparing to your site. Right now there isn't any feature to do this but we can help you to do it manually through Custom CSS.

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  • CaterinaC069 replied

    Ok, thank you Art. 

    I wish to have a Portfolio site, not a shop... What do you think is the easiest solution...to change this layout (portfolio demo like..) to be similar to Fashion, via CSS, or to change completely demo? This last solution should be possible ONLY if I can create in fashion demo portfolio sheets like previously.. .. I think that Shop is really far from my needs... so in the end, what should be the best CSS changings? 

    Thank you 

    Caterina

  •  1,559
    Laborator replied

    Hi Caterina,

    That doesn't matter if it is a shop, blog or portfolio, since the container is for all of them and will change in general. Below is the CSS used in this demo to make the container width wider:

    /* Body: Large Screens */
    @media (min-width: 1400px) {
      .container {
            width: 1370px;
      }
        
        .vc-container>.vc_row>.row-container.row-default, 
        .vc-container>.vc_row>.row-container.row-stretch_row    {
            width: 1370px;
        }    
    }
    /* Body: Large Screens */
    @media (min-width: 1600px) {
      .container {
            width: 1570px;
      }
        
        .vc-container>.vc_row>.row-container.row-default, 
        .vc-container>.vc_row>.row-container.row-stretch_row    {
            width: 1570px;
        }
    }
    

    You can implement it on your own site by pasting the code above to your Custom CSS area.

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  • CaterinaC069 replied

    Thank you very much Art, I tried it and it ! 

    Caterina 

  •  1,559
    Laborator replied

    Hi Caterina,

    P.S: If you like our theme, it would help us a lot if you could give us five star rating on themeforest from your Downloads tab, (if you don't know how, just open this link).

    A huge thank you from Laborator in advance!

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group