Archived

This topic is now archived and is closed to further replies.

  • 0

Margin issues

Question

Posted · Report post

Hi, 

 

How do i make the content wrapper flush with the edge of the browser. It is more noticeable in mobile view. My site http://urbanmusickartel.com/

Share this post


Link to post
Share on other sites

3 answers to this question

Posted · Report post

Hi Rob,

 

I have tried searching fro that code using firebug inspection tool and I cant seem to find it. Is there something im doing wrong?

 

Thanks

Share this post


Link to post
Share on other sites

Posted · Report post

Hi,

 

You can try the following code:

 

#site .content {
max-width: 100%;
}

Share this post


Link to post
Share on other sites

Posted · Report post

Hi,

 

If you have Firebug for Firefox or Chrome's Inspection Tool, you'll see this code:

#site .content, #footer .content

 

In that you're going to see max-width:1340px;

 

That's the problem.  It results in limiting the content area to that size.

 

If you change it by editing the code and copying, then pasting the entire bit to Dashboard > PageLines > Site Options > Custom Code and make the width 100%, the content area is going to go edge to edge, no matter how big the browser or screen may be.

Share this post


Link to post
Share on other sites