I am hitting a wall with the
Top Bar with animation
I want to style the menu to keep the mobile dropdown until breakpoint of 800px instead of 640px. In order to do that I have to change the Flex properties of the UL Link item. However, while SD displays the CSS for that breakpoint in the Element tab, there is no way to get to the Flex settings in the Styles Tab.
What am I missing here?
I attach the component and screenshot of styles pane.
Regards
Berthold
@media screen and (min-width: 40rem) {
ul.link-list.menu.simple.vertical {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: start;
-ms-flex-align: start;
width: auto;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-moz-box-pack: start;
justify-content: flex-start;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-moz-box-align: start;
align-items: flex-start;
}
ul.link-list.medium-horizontal.menu.simple.vertical {
-ms-flex-pack: start;
-ms-flex-align: center;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-moz-box-pack: start;
justify-content: flex-start;
}
}
ul.link-list.menu.simple.vertical {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: start;
-ms-flex-align: start;
width: auto;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-moz-box-pack: start;
justify-content: flex-start;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-moz-box-align: start;
align-items: flex-start;
}
ul.link-list.medium-horizontal.menu.simple.vertical {
-ms-flex-pack: start;
-ms-flex-align: center;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-moz-box-pack: start;
justify-content: flex-start;
}
}
Berthold, Spain
Astronomy site: http://www.astronomy.artinso.com
Musical events: http://www.orphelion-ensemble.com
ED V4, SD V5
Astronomy site: http://www.astronomy.artinso.com
Musical events: http://www.orphelion-ensemble.com
ED V4, SD V5
