Responsive Problem on Chrome and Firefox

[soman]

Due to slightly larger logo, title on welcome section hides behind the header when viewed on mobile. However, it behaves fine on Safari.
http://soman.ca/client/6ixtech/

[Hans (Support Admin)]

@soman

I like what you’ve done with the theme, nice colors.

Yes I see what you mean.

You can adjust the padding for mobile devices if you increase “padding-top” to 30-35% it will fix the issue.

Here is the code you need,

@media (max-width: 480px) {
.hero {padding-top: 34%;}
}

Add this code in the Custom CSS field of the Integral Options > Custom Code section.

If you have any issues let me know.

• This reply was modified 5 years ago by Hans (Support Admin).

[Hans (Support Admin)]

@soman

I forgot to mention another solution.

Instead of using percentages for the top and bottom padding, used fixed pixels.

You have the option to do that as well in the Integral Options > Welcome section.

[richard.boom]

love them colored theme!

[soman]

Thanks, it helped!