Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 19, 2017 at 1:57 pm #823949
    Jon711b

    I am trying to make my side margin equal to the nav bar height. I decreased the size of my margin by setting a max width to the content but I can’t find a way to put a pixel width to the margin that is equal to my nav bar height of 50px

    Home

    July 20, 2017 at 5:47 pm #824725
    Victoria

    Hey T3 Marketing,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.container {
    padding: 0px;
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    July 23, 2017 at 1:45 pm #828659
    Jon711b

    Thank you. That CSS did reduce the size of the margin but not equalize it with the nav bar height. My client is in architecture so it’s important for him to have equal margins similar to how he builds homes. Is there a way to set a minimum left/right margin width that has an equivalent height to the nav bar while on desktop?

    July 24, 2017 at 5:33 am #828876
    Nikko

    Hi,

    Can you try adding this css code in Quick CSS (located in Enfold > General Styling):

    .responsive .boxed#top {
    max-width: 100%;
    padding: 0 50px;
}

.responsive.html_boxed.html_header_sticky #header, .responsive.html_boxed.html_header_transparency #header {
    max-width: 100%;
    box-sizing: border-box;
    padding: 0 50px;
    left: 0;
}

    Hope this helps :)

    Best regards,
    Nikko

    July 24, 2017 at 2:37 pm #829017
    Jon711b

    That actually made the margin much wider.

    July 24, 2017 at 9:33 pm #829205
    Yigit

    Hi,

    Please use following code instead

    .responsive .boxed#top {
    width: 100%;
    padding: 0 50px;
}

    Best regards,
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.