Row width not going edge to edge in "full width"

Home Support Business Kit Row width not going edge to edge in "full width"

Tagged: 

This topic contains 5 replies, has 2 voices, and was last updated by  Precious Themes 2 months ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1508

    lindaschneider33
    Participant

    I’ve tried setting the width of the row and the content box inside the row. I keep getting a partial width that ends up looking like a box, not full-width. Row not going full width

    Any suggestions? Thanks!

    #1509

    Precious Themes
    Keymaster

    Hi @lindaschneider33

    Can you please provide us your site URL?

    #1511

    lindaschneider33
    Participant

    Sure…just starting to build it. You can see the problem on the home page. https://fitnewsletters.com
    Thanks.

    #1529

    Precious Themes
    Keymaster

    Hi @lindaschneider33

    Please go to Appearance >> Customize >> Additional CSS and add following CSS

    .home .container {
        max-width: 100%;
    }

    Please let us know if this work.

    Thank you.

    #1531

    lindaschneider33
    Participant

    Thank you. That worked. Do you also have a code snippet to add padding to the left and right content of the header container? Now that it is full-width, the content is also full width. Just in the header & slider.

    #1535

    Precious Themes
    Keymaster

    Hi @lindaschneider33

    Please use following CSS to add padding at left/right and display content at center for header, slider and footer.

    #masthead .container,
    #main-banner .container,
    #footer-widgets .container {
        max-width: 1210px;
    }

    Thank you.

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

You must be logged in to reply to this topic.