The first item on my page is a blog ROW that i have set a 90px buffer on the top so that it does not overlap the logo and menu at the top of the page.
When i change to mobile view, it seems that the 90px starts from underneath the logo and menu’s so there is an additional 90px between the top logo bar and the first row.
The mobile (responsive) style is different from the desktop style. I has different css code customizing it. In order to not have the 90px additional buffer take place in mobile too, do this:
Include your css code inside the @media rule. So it will affect only screen widths that are larger than mobile. Copy this code:
@media (min-width: 1024px){
/*add your css here*/
}
So the css adding 90px will show up only in devices wider than 1024px. You can change this value to your wish.
