Positioning

panagiotiskara

Hello there,

I have used the "Jet" demo template in order to build my website however I want to customize it a little bit. I tried for example to move the top bar and the action bar with css code using paddings and margins in order to move it. However it seems that this is not the correct way to do it cause although it looks ok on my screen it lacks on the mobile version. Can you please help me with this issue? You can see what I'm trying to do here: http://www.pellatours.gr/

Albert

Hi,

this won't work on mobile devices. This code may work for larger screens only so we recommend to wrap your css code into proper @media only screen. Example of that code you got below:

@media only screen and (min-width: 1240px) {

/* YOUR CODE INSIDE */

}

More details about media query you can read on http://www.w3schools.com/cssref/css3_pr_mediaquery.asp

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

panagiotiskara

Hmmm that works! But how should I use it? Should I put the same code with different variables seperatelly for each screen resolution ? 

Albert

Yes, exactly like that.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

panagiotiskara

thank you very much

Albert

You're welcome

Learn more: Video Tutorials | How To | FAQ Vote on what comes next