I am using a tabbed section with a title "Your role is essential to every phase of the creative process." beginning the section. In the desktop and tablet state, this section looks/works fine. In the mobile state, the tabs wrap pushing content down. Tabs do not look good. Is it possible to shrink this section in mobile state so that it works? I know I can hide it completely in mobile. But I need the information to be shown.
Same issue with the filters on "My Work" page http://bystromdesign.com/my-work/. Is it possible to shrink the filters so they wrap better in mobile state?
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
@media only screen and (max-width: 690px) {
.wpb_content_element .wpb_tabs_nav li {
font-size: 12px !important;
}
.tabbed[data-style="minimal"] .wpb_tabs_nav {
margin-bottom: 15px!important;
}
}
@media only screen and (max-width: 690px) {
.portfolio-filters-inline .container > ul a {
font-size: 12px!important;
line-height: 18px !important;
}
}
The tabbed section works perfectly. But the Filters for the portfolio section wasn't effected. The line height would change, but the font size would not change, even playing around with different sizes had no effect. Any suggestions?
I am using a tabbed section with a title "Your role is essential to every phase of the creative process." beginning the section. In the desktop and tablet state, this section looks/works fine. In the mobile state, the tabs wrap pushing content down. Tabs do not look good. Is it possible to shrink this section in mobile state so that it works? I know I can hide it completely in mobile. But I need the information to be shown.
Same issue with the filters on "My Work" page http://bystromdesign.com/my-work/. Is it possible to shrink the filters so they wrap better in mobile state?
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
@media only screen and (max-width: 690px) { .wpb_content_element .wpb_tabs_nav li { font-size: 12px !important; } .tabbed[data-style="minimal"] .wpb_tabs_nav { margin-bottom: 15px!important; } } @media only screen and (max-width: 690px) { .portfolio-filters-inline .container > ul a { font-size: 12px!important; line-height: 18px !important; } }Thanks
ThemeNectar Support Team
The tabbed section works perfectly. But the Filters for the portfolio section wasn't effected. The line height would change, but the font size would not change, even playing around with different sizes had no effect. Any suggestions?
Hey Again, Hope you had a Great Weekend,
See screenshot: http://prntscr.com/m1ljzh . Seems to be alright .
Please clear your cache using this guide: https://themenectar.ticksy.com/article/6226/
Best.
ThemeNectar Support Team
Can't tell you which I'm more impressed with. The WP Theme or the support. Both are incredible! Hope you have a wonderful New Year celebration.