Change CSS attribute value with Jquery

Asked Dec 08 '16 at 10:49

Active Dec 08 '16 at 10:51

Viewed 24 times

I want to change the value of top attribute of this CSS using Jquery but I'm not able to get a hold of it. I have tried the following approaches but they're having no effect. What am I doing wrong?

CSS:

body.menu-is-horizontal:not(.sidebar-hidden) #navigation {
    width:75%;
    top: 93px !important;
}

My attempts:

$("body.menu-is-horizontal:not(.sidebar-hidden) #navigation").css("top", "67px !important");

$("#navigation.body.menu-is-horizontal:not(.sidebar-hidden)").css("top", "67px !important");

$("#navigation .body.menu-is-horizontal:not(.sidebar-hidden)").css("top", "67px !important");

asked Dec 08 '16 at 10:49

Ghias

1

Use `$('#navigation').style('top', '67px', '!important');` – Tushar Dec 08 '16 at 10:51
Please see the answers on the linked question. Let me know if that works. – Tushar Dec 08 '16 at 10:54
1

`$('#navigation').style('top', '67px', '!important'); ` worked. Thanks – Ghias Dec 08 '16 at 11:00

Change CSS attribute value with Jquery

0 Answers0