Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • July 17, 2015 at 3:24 pm #474994
    mattwilliamsyogi

    Hi, I have two problems that I’d like some help with, both relating to ipad/tablet.

    My site is at yogidev.co.uk/accentu

    1. When viewed on ipad in Google Chromes inspect element, there is padding to the left and right of the page, as I would expect there to be. When viewing on an actual ipad, there is no padding, so the logo and the last menu item are touching the sides of the screen and the rest of the content down the page is doing the same. (Hopefully this makes sense because screenshot isn’t working on the office ipad)

    2. On some of the pages, for example this page – http://yogidev.co.uk/accentu/fabrics/
    it has cut the top of the content, this will be harder to explain without a screenshot… When the logo ends and the content begins, the content begins about 10% further down the page than it should, so the top of the image is cut and the first text title is missing, and a little bit of body text.

    I hope you can help me.

    Something similar happened when viewing on safari and a member of your support team used this code – .avia-safari div.hr.hr-invisible.avia-builder-el-1.el_before_av_one_half.avia-builder-el-first {
    margin-top: 0 !important;
    }

    hope that helps,
    Matt

    July 17, 2015 at 3:43 pm #475015
    mattwilliamsyogi

    Hi guys, I stupidly left some negative whitespace on some of the pages after I was messing around with a style, so don’t worry about that second problem.

    All I need help with is getting some padding to the right and left on ipad.

    Thanks,
    Matt

    July 19, 2015 at 4:29 pm #475401
    Ismael

    Hey!

    Thank you for using Enfold.

    Add this in the Quick CSS field:

    @media only screen and (min-width: 768px) and (max-width: 989px) {
#header_main .container {
  padding: 0 50px;
}}

    Cheers!
    Ismael

    July 20, 2015 at 11:05 am #475675
    mattwilliamsyogi

    Hi,

    that worked for the logo but not for the content or the socket

    Thanks,
    Matt

    July 20, 2015 at 11:14 am #475680
    mattwilliamsyogi

    I’ve sorted it now using this code –

    @media only screen and (min-width: 768px) and (max-width: 989px) {
    #header_main .container {
    padding: 5px 0px 5px 0px;
    }}

    @media only screen and (min-width: 768px) and (max-width: 989px) {
    #wrap_all {
    padding: 0px 30px 0px 30px;
    }}

    Sadly though, the positioning of the mobile menu is strange on the home page only, it’s fine on every other page, can you give me code similar to above but using the page id so that I can adjust the padding just on home page.

    Thanks,
    Matt

    July 20, 2015 at 11:37 am #475693
    Guenni007

    well the body has in this case the class : home
    so you can use

    @media only screen and (min-width: 768px) and (max-width: 989px) {
.home #header_main .container { padding: 5px 0px}
.home #wrap_all {padding: 0px 30px}
}

    btw: on padding and margin you can shorten the code
    if there are two values than it is (up – down) (left-right)
    so padding : 5px 0 means the same as : 5px 0 5px 0
    if there are tree values it is meant: up (left/right) down

    • This reply was modified 9 years, 5 months ago by Guenni007.
    July 20, 2015 at 12:03 pm #475712
    mattwilliamsyogi

    Thanks Guenni007,

    The problem is almost sorted, is there a way to JUST move the mobile menu button ONLY on the home page? this is the only problem left, it’s in a different position on the home page to the rest of the site.

    Thanks,
    Matt

    July 20, 2015 at 1:01 pm #475752
    Guenni007

    well first of all i see this on your source code:
    .home #wrap_all { padding: 0 0 0 30px}
    this leads only to a padding on the left

    if you want padding on both sides:

    .home #wrap_all { padding: 0 30px 0 30px}
    or (same shit different name)
    .home #wrap_all { padding: 0 30px }

    July 21, 2015 at 5:04 am #476286
    Rikard

    Hi @mattwilliamsyogi,

    Did you try @guenni007 last suggestion and did you have any luck with it?

    Regards,
    Rikard

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