Positioning

panagiotiskara · September 2015

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 · September 2015

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

panagiotiskara · September 2015

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

Albert · September 2015

Yes, exactly like that.

panagiotiskara · September 2015

thank you very much

Albert · September 2015

You're welcome

Positioning

Comments