Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • September 10, 2016 at 1:32 pm #684495
    opvab

    Hi,

    I’ve got a boxed style page with body bg image. I want to display as much of my BG image content shown on the left side of image, so i use: .boxed .container {
    margin: 0px 150px;
    }

    Works perfectly on monitor screen, tablet, but not for phones. The content gets to much on the right side.

    Can I make so the margin 150px, do not affect small screens like smart phones.

    Thanks,
    OPVAB

    September 10, 2016 at 9:06 pm #684584
    Andy

    Hey opvab,

    Would you mind providing a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)

    Best regards,
    Andy

    September 12, 2016 at 2:47 pm #685157
    opvab

    Hi Andy.

    I’ve struggled enough now, so maybe you could help me. I want a site where the main content frame is aligned to the right (please see Private Content Image). But I also get the content aligned/margin right, and it just don’t work as a responsive site.

    Thanks,
    OPVAB

    September 13, 2016 at 11:10 am #685635
    opvab

    Hi Andy.

    I’m not familiar with boxed style. But I’ve noticed that this one: #top .flex_column_table: Width 100% is causing problems when tying to move everything to the right. It makes page content very “spread out”.

    I’m attaching my quick css.

    Thanks,
    OPVAB

    • This reply was modified 8 years, 3 months ago by opvab.
    September 13, 2016 at 12:25 pm #685681
    Andy

    Hi,

    pasting your css code here does not help us.

    So is it about getting your content look good on mobile phones? if yes then it would be best to show us a mockup for mobile devices, instead of desktop. You can use media queries to build a css code for mobile devices only, see here: https://css-tricks.com/snippets/css/media-queries-for-standard-devices/

    Best regards,
    Andy

    September 13, 2016 at 12:55 pm #685715
    opvab

    Hi Andy.

    Main focus is to get the main container, logo area & menu area, move to the right without strange wrap issues. I have postad URL in earlier message,I’ll do it again.

    Thanks,
    OPVAB

    September 13, 2016 at 2:09 pm #685772
    Andy

    Hi,

    try this code:

    #main {
width: 115%;
}
main.template-page.content.av-content-full.alpha.units {
right: -100px;
}

    And adjust as needed.

    Best regards,
    Andy

    September 13, 2016 at 3:53 pm #685872
    opvab

    Thanks Andy, now looking to work just fine. With all my quick css, I can’t regulate page content by align values. The get on different sides on Iphobe for instance. If I want to use three 1/3 layout modules on a row, but thinks there is to much gap between col, could I alter this:

    #top .no_margin.av_one_third {
    width: 33%;
    }

    to this:

    #top .no_margin.av_one_third {
    width: 25%;
    }

    Thanks,
    OPV AB

    September 14, 2016 at 11:46 am #686286
    Andy

    Hi,

    glad it’s working just fine for you now. Please open a new ticket for a new question/issue, otherwise it get too confusing here.

    Best regards,
    Andy

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Container moved to the right’ is closed to new replies.