@media

Marianda,

Sorry about the issue, but @media should work as expected.
Can you please send us a screenshot where do you encounter a problem.

...................................................
Sincerely,
Eugene
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

It was for: https://nhkkdpo.co.za on tablet the menu didn't display correctly so wanted to CSS using @media so it would display correct.

When using @media:

@media (max-width: 991px)
.u-header .u-text-1 {
margin-right: 380px !important;
margin-left: 136px !important;
}

When using with out @media it works :

.u-header .u-text-1 {
margin-right: 380px !important;
margin-left: 136px !important;
}

Is this a targeting issue or is it an overruled css issue?

Hi Marianda,

Could you please provide a screenshot of the problem? Menu looks fine on my side when testing in emulator. Also please attach your Project.

...................................................
Sincerely,
Hella
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi Hella,

I have provided the project as well a screenshot of my problem.

Hi Marianda,

I do not understand what is displayed falsely on the screenshot, but in any case, you may have missed the brackets in your code after the @media, try this one:

@media (max-width: 991px)
{
.u-header .u-text-1 {
margin-right: 380px !important;
margin-left: 136px !important;
}
}

...................................................
Sincerely,
Hella
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp