Title position on mobile view

Hi, me again :S

Check out these pages:

http://entrecoach.kinsta.com/how-we-help/

http://entrecoach.kinsta.com/our-ideal-client/

http://entrecoach.kinsta.com/lets-get-started/

They all look good on desktop, but how do I move the title down so its centered ONLY on the mobile view?

(If I take out this code:

.x-main.full {

margin-top: -110px;

}

It looks good on a mobile, but then on the desktop, there is white space underneath the menu)

Thanks.

Hi @logoglo,

You could use the @media query to execute the code for mobile only or for desktop only.

For example, this code below will be executed for mobile version or screen size below 979px

@media (max-width: 979px){

     .x-main.full {

         margin-top: -110px;

       }
}

Hope it helps.

Let us know how it goes.

Thanks.

Awesomeness! that worked! Thanks.

You’re more than welcome, glad we could help.

Cheers!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.