hero image

Safari Browser-spaced above header when scrolling up

Home Forums WordPress Themes Materialism Safari Browser-spaced above header when scrolling up

Forums WordPress Themes Materialism Safari Browser-spaced above header when scrolling up

PLEASE NOTE A RECENT CHANGE:
The forum is read-only. Please submit any support request here.

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts

  • nikkidiane28
    Member
    TT Client
    #74351

    Hi tesla,

    I am building this website for my client. http://pmw.webgraphity.com/
    All is working fine except from the two things.

    1. the little white space on the right side of the browser (in mobile and desktop). It lets us to scroll to the right which is not supposed to be.
    2. On Safari Browsers, you can scroll up then you sill see a spaces above the header. The color is black and white. This is not visible on other browsers except from safari. I think this might be a browser compatibility issue? What do you think?

    I was hoping that tesla can help me on this theme.

    Regards
    Nikki


    Anonymous
    Inactive
    Inactive
    #74397

    Hi Nikki,

    We are sorry for the delay.
    Please try to avoid the Default value for the stretch row setting and also I can see that you are using custom paddings for some of your sections that can give also an issue.

    Best Regards


    nikkidiane28
    Member
    TT Client
    #74430

    Hello Michael,

    Thank you for your reply. I checked the the page and followed your instruction but it did not work.
    These are the things that I did.

    1. I duplicated the homepage. This is the link http://pmw.webgraphity.com/home-test/
      I removed the custom padding. I checked the sections. There is no section that is using default.
      Then I tested it. The issue on top of the header is still there.

    2. I removed all the CSS Codes and put it on a back. I thinking that it has something to do with my custom CSS. But again, the issue was still there.

    3. CONFIRMATION THAT IT WAS WITH THE THEME and NOT ON MY SETUP.
      I installed a new wordpress here http://ptest.webgraphity.com/
      I uploaded materialism theme and imported the theme DEMO. I did not do anything after that. Then I tested it.
      THe issue was still there on top of the header.
      Same with the scroll to right space issue.
      This time, I can assure that the problem was existing with the theme itself.

    Regards
    Nikki


    Anonymous
    Inactive
    Inactive
    #75237

    HI Nikki,

    We are sorry for the huge delay.
    The issue is fixed now, using Custom CSS:

    .vc_row {
    left: 0 !important;
    }
    Best Regards


    nikkidiane28
    Member
    TT Client
    #75374

    Hi Michael, Thank you for your response. I reviewed the website and you CSS works. Thanks! I just made a little changes, I moved it inside the media screen min-1200px. Because the layout on mobile and tablet got affected and there too much space on the right side. FYI only 🙂 Also I was able to fixed the issue above the header. I found the CSS where it is coming from. You could try to update your materialism theme too. @media (max-width: 1200px) and (max-width: 768px){ .page-wrapper:before { width: 0px; (it is 250px before) } } Thanks a lot! REgards, Nikki Diane


    nikkidiane28
    Member
    TT Client
    #75375

    Hi Michael, Thank you for your response. I reviewed the website and you CSS works. Thanks! <br><br>

    I just made a little changes, I moved it inside the media screen min-1200px. Because the layout on mobile and tablet got affected and there too much space on the right side. FYI only 🙂 <br><br>

    Also I was able to fixed the issue above the header. I found the CSS where it is coming from. You could try to update your materialism theme too. <br>

    @media
    (max-width: 1200px) and (max-width: 768px){ <br>
    .page-wrapper:before { <br>
    width: 0px; (it is 250px before)
    <br>
    } }
    <br><br>
    Thanks a lot! <br>
    REgards, <br>
    Nikki Diane


    Anonymous
    Inactive
    Inactive
    #75415

    Hi,
    Thank you very much for the help. I can see that the before width is 250px; so the scrollbar appears only on the lower screen with which is not quite frequent due to the fact that almost all mobile devices nowadays have at least 300px screen width.
    Anyway, we’ll add the rule for the other devices that have smaller screen width.
    Best Regards

Viewing 7 posts - 1 through 7 (of 7 total)

Safari Browser-spaced above header when scrolling up

Home Forums WordPress Themes Materialism Safari Browser-spaced above header when scrolling up

[i]
[i]
[i]
[i]