CSS margin-top only for desctop resoluiton - Support | Kriesi.at

Tagged: CSS, margin-top

Viewing 10 posts - 1 through 10 (of 10 total)

Author

Posts
June 2, 2017 at 3:59 pm #803076

Amigs
Participant

Hi Support Team

I only would like to have a CSS margin-top from 95px, but only for desktop reselution so i add the following:

@media only screen and (max-width: 479px) {
.fullsize .content .entry-content-wrapper {
padding-right: 0;
margin-top: 0px!important;
}}
.fullsize .content .entry-content-wrapper {
padding-right: 0;
margin-top: 95px !important;

but i did something wrong, bcaucse its allway 95px maging on top ;-(

All the best

June 2, 2017 at 4:01 pm #803078

Jordan Shannon
Inactive Moderator

Hey Pascal,

Please provide a link to the site and screenshot of the section in question so we can look into this further.

Best regards,
Jordan Shannon

June 2, 2017 at 4:17 pm #803086

Amigs
Participant

Hi Jordan

Here are the desktop version: https://www.dropbox.com/s/mb59ifs3kv7tse9/Screenshot%202017-06-02%2016.16.22.png?dl=0

and the mobile version: https://www.dropbox.com/s/cfq9anztdsun1g3/Screenshot%202017-06-02%2016.16.48.png?dl=0

All the best, Pascal

June 2, 2017 at 4:23 pm #803089

Jordan Shannon
Inactive Moderator

Hi,

Please add the url to the site so I can pull it up.

Best regards,
Jordan Shannon

June 2, 2017 at 4:28 pm #803093

Amigs
Participant

here we are: https://reneechabot.com/

June 2, 2017 at 5:28 pm #803123
Jordan Shannon
Inactive Moderator
Hi,

Add the following to quick css:
```
@media only screen and (max-width: 767px)  {
.fullsize .content .entry-content-wrapper {
padding-right: 0;
margin-top: 0px !important;
}}
```
Be sure to remove what you have above.

Best regards,
Jordan Shannon
- This reply was modified 7 years, 6 months ago by Jordan Shannon.
June 2, 2017 at 5:48 pm #803136

Amigs
Participant

Hi Jordan
Thanky you for your answer, but it does not work on mobile. I give you acces to the admin, so you can see it.

All the best, Pascal

June 2, 2017 at 5:54 pm #803141

Jordan Shannon
Inactive Moderator

Hi,

Please test now. Your css was structured incorrectly. I removed !important; from the initial declaration.

Best regards,
Jordan Shannon

June 3, 2017 at 10:41 am #803340

Amigs
Participant

Hi Jordan
Thank you!

All the best, Pascal

June 3, 2017 at 12:49 pm #803365

Rikard
Keymaster

Hi,

Great, glad we could help. Please let us know if you should need any further help on the topic or if we can close it.

Best regards,
Rikard
Author

Posts

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.