• Home
  • Blog
  • Showcase
  • Setup Docs
    • Sunshine Help
    • Flex Help
  • Support
    • Support Area
    • Contact us
    • Feedback
  • Connect
    • Newsletter
    • Twitter
    • Facebook
  • My Account
  • Flex
  • Sunshine
Support : Simple Pro Themes

Support : Simple Pro Themes

[Resolved] Adjust body width to match with header width

If you have purchased a product, please enter the email address that you used to register at time of purchase.
Log In
Lost Password

Create an Account
  • Your username must be unique, and cannot be changed later.
  • We use your email address to email you a secure password and verify your account.

Support › Forums › Flex Theme › Adjust body width to match with header width

  • This topic has 7 replies, 3 voices, and was last updated 5 years, 11 months ago by Chinmoy Paul.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • August 5, 2016 at 4:30 pm #1160
    Joseph
    Participant

    Hi support,

    Here is the screenshoot link: http://prntscr.com/c2136w

    Can you please guide me how to adjust the body width to match with header width? This is the live link: http://goo.gl/D04eYl I believe increasing the body width is better for reading too.

    Regards,

    August 5, 2016 at 5:32 pm #1161
    Davinder Singh Kanith
    Moderator

    Joseph, I don’t see that white border (as indicated in the screenshot) on the site now. Is that fixed?

    August 5, 2016 at 11:07 pm #1162
    Joseph
    Participant

    No it hasn’t fix it. Visit the site on mobile, and you will see the body width is smaller than the header width. Can you guide me how to fix same size as the header?

    Regards,

    August 6, 2016 at 3:23 am #1163
    Davinder Singh Kanith
    Moderator

    It seems you have right click disabled on the website. Send me login details via contact form, I will check for the issue. Or enable right click for sometime.

    August 6, 2016 at 4:42 am #1164
    Joseph
    Participant

    I deactivated right click now.

    August 6, 2016 at 5:03 am #1167
    Davinder Singh Kanith
    Moderator

    I understand, you want to remove black background border appearing on left and right of content on the smaller screen devices.

    Look for following code and change margin values to 0

    @media only screen and (max-width: 960px)
    .boxed .site-container {
        margin-left: 3%;
        margin-right: 3%;
    }
    August 9, 2016 at 3:30 am #1173
    Joseph
    Participant

    Thanks Davinder,
    just one more: I try to place ads above the MENU, but the ads can’t display in the center. See screenshot: http://prnt.sc/c3ctjg abit more to the right. Could you please check how to fix this?

    Regards,

    August 9, 2016 at 5:04 am #1174
    Chinmoy Paul
    Moderator

    Enter the ads inside the div markup lik

    <div class="my-ads">enter ads code here</div>

    Now you will write the CSS like this way

    .my-ads{
       display: table;
       margin: 0 auto;
       width: auto;
    }
  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.
Log In

Copyright © 2022 · Simple PRO Themes for Genesis Framework · About · FAQs · Contact · Affiliates