When screen size is less than 768px, the top row on the home page overlaps

Home › Forums › Square › When screen size is less than 768px, the top row on the home page overlaps

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • January 31, 2018 at 12:35 am #4665
    edwardbuck
    Participant

    Hello,

    I have noticed that when the screen size is less than 768px, (when the header becomes solid), it pushes the top row of my home page over the top of the second row. I have tried disabling the plugins, but that doesn’t change anything. When I switch to another theme, the problem goes away. I believe it has to do with the header pushing everything down when screen size is set for mobile, but for some reason its not pushing everything down, only the first row. Any suggestions?

    Thanks!

    February 12, 2018 at 12:10 am #4693
    Hash
    Keymaster

    I see this code in your customized website that is creating the mentioned problem. The margin value is added from the visual composer.

    .vc_custom_1516998563170 {
    margin-top: 0px !important;
    margin-bottom: -50px !important;
    }

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