Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 14, 2019 at 5:46 pm #1053738
    pgltd

    Hi guys!

    Long time lurker, first time poster as they say…

    I’m building a WordPress document and policy repo at work and have hit a strange snag that I cannot seem to fix. Suddenly, when viewing on a mobile there is dark margin line on the right hand side after the mobile menu. This seems to affect all pages.

    The width of the page on an iPhone is coming up as 320px and the rest is filled out.

    https://i.ibb.co/2PbGRjG/IMG-0876.jpg as an example.

    I’ve scoured the CSS file of the child and the quick CSS and cannot find any reason as to why this is happening either. This was working fine previously.

    January 14, 2019 at 6:12 pm #1053744
    Yigit

    Hey,

    Welcome to our forums dear long time lurker! :)

    It would be great for us if we had an access to your site. If that will not be possible, please post CSS files and we will try to reproduce the issue :)

    Best regards,
    Yigit

    January 14, 2019 at 6:21 pm #1053754
    pgltd
    This reply has been marked as private.
    January 15, 2019 at 8:53 am #1053992
    Nikko

    Hi pgltd,

    Based on the css codes you posted, this part is where border is set to 1px:

    table, th, td {
border: 1px solid black;
vertical-align:top;
}

.templates {
border:1px solid black;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
width=”250″ }

    please remove width=”250″ that’s not a valid css syntax you should replace it with:

    width: 250px;

    As for the original issue, try to remove those border property and clear browser cache and check it.

    Best regards,
    Nikko

    January 15, 2019 at 11:26 am #1054057
    pgltd

    Thanks for your help Nikko but sadly that didn’t work. I actually wiped all the Quick CSS yesterday as a test and indeed the formatting stripped off but the black gap remained

    I’m going to see if I can get an admin account added for you as I think that’s the best way

    January 15, 2019 at 5:46 pm #1054196
    Yigit

    Hi,

    That would be perfect. We will keep the thread open and wait to hear from you :)

    Best regards,
    Yigit

    May 10, 2019 at 4:24 pm #1099312
    pgltd

    Hi Yigit

    Sorry for the delay. I decided to scrap the whole project and start afresh. Everything was working fine and now suddenly the margin bar has appeared again.

    Due to the sensitive nature of the project and the content of the site being confidential business information, I have not been allowed to give you access to the site which I hope you’ll understand. The site itself is not public.

    i have attached a screenshot in case you can see it and go ‘ohhhhh it’s THAT!’ which would be great!

    May 12, 2019 at 7:31 pm #1099805
    Victoria

    Hi pgltd,

    We need to see the actual css and html to be able to propose a solution for you. Please get back to us when you get the website to some testing server or somewhere we can see it.

    Best regards,
    Victoria

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