Okay
  Public Ticket #1583182
screen width
Closed

Comments

  • BEAUTYPROFESIONAL started the conversation
    May 22, 2018 at 8:43am

    How can I widen the web to screen width? I only get this effect with the layer slide, but for example in the upper menu there is a lot of margin, I would like to reduce it.
    Thank you

  • [deleted] replied
    May 23, 2018 at 8:12am

    Hi there,

    Please see this video to learn how you can make full-width elements in the theme.

    For more informations please see article: https://wpbakery.com/video-academy/full-width-row/

    Have a nice day!

  • BEAUTYPROFESIONAL replied
    May 23, 2018 at 12:45pm

    Thanks! , but I need the top menu where are my product categories and logo to expand it more.

    For example, my logo is more focused, and I would like it to be more to the left of the screen.

    Is it possible with Aurum?

    Thank you

  • [deleted] replied
    May 24, 2018 at 8:04am

    Hi there,

    Can you please add the code below to your Custom CSS area: Just add the code below to your Custom CSS area:

    header.site-header div.nav>ul>li>a, header.site-header ul.nav>li>a {
    font-size: 16px;
    padding: 25px 14px;
}

    Also to extend the width of your site maybe this CSS can help you:

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

    Have a great day!