- Posts: 146
- Thank you received: 0
Change color on menu when scrolling
-
Hazzo
Inactive member -
Topic Author
- Member
-
Less
More
3 years 7 months ago #48132
by Hazzo
Change color on menu when scrolling was created by Hazzo
Hi,
When scrolling down on an article page the top menu turns white. How can I change the background color of that menu?
When scrolling down on an article page the top menu turns white. How can I change the background color of that menu?
Please Log in to join the conversation.
-
milos
Support Staff -
- Moderator
-
Less
More
- Posts: 6810
- Thank you received: 724
3 years 6 months ago #48133
by milos
Replied by milos on topic Change color on menu when scrolling
Hello,
You can change it in the template parameters, tab Custom > CSS. Find this part and change background color:
Regards,
Milos
You can change it in the template parameters, tab Custom > CSS. Find this part and change background color:
Code:
.fix_menu {
-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.09);
box-shadow: 0 1px 3px 0 rgba(0,0,0,.09);
background: #fff !important;
position: fixed !important;
}
Regards,
Milos
The following user(s) said Thank You: Hazzo
Please Log in to join the conversation.
-
Hazzo
Inactive member -
Topic Author
- Member
-
Less
More
- Posts: 146
- Thank you received: 0
3 years 6 months ago #48134
by Hazzo
Replied by Hazzo on topic Change color on menu when scrolling
Thanks,Can I also make it a little larger? The menurow appears at the very top of the page after I changed the color and the logo just makes it within the logorow.See image
Please Log in to join the conversation.
-
milos
Support Staff -
- Moderator
-
Less
More
- Posts: 6810
- Thank you received: 724
3 years 6 months ago #48137
by milos
Replied by milos on topic Change color on menu when scrolling
Please change the code above and add the height property, like this:
You can change the value of 100px if you need.
Regards,
Milos
Code:
.fix_menu {
-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.09);
box-shadow: 0 1px 3px 0 rgba(0,0,0,.09);
background: #fff !important;
position: fixed !important;
height: 100px;
}
You can change the value of 100px if you need.
Regards,
Milos
Please Log in to join the conversation.
Time to create page: 0.184 seconds