Since version 4.0.1 and now 4.0.2, my "container-wrap" when showing Project Categories at a window resized to simulate a tablet-sized device, overtakes a large part of the screen. This seems to be the "call-to-action" section? I tried turning off, the "overflow-x" attribute, and also tried changing it to "visible!important", and both fix the problem. I guess my question is: how do I make this modification stick when putting it into my child theme\'s style.css? (It didn\'t work when I tried it, because it seems the priority is to read the responsive.css file.
Can I make a ../css/responsive.css to put inside my child theme folder? I could not get that to work.
I hope the attached "collage" elucidates the problem. I don\'t understand child them folder structure when things are calling other things
Also, similarly related to the portfolio categories display, I needed to add this style declaration to my child theme\'s style.css to keep the title visible, instead of getting chopped off at the bottom:
1. Here's how you can dequeue the parent theme responsive.css file in order to load your child theme one in its place: (this goes in the child theme functions.php)
2. There shouldn't be any issue like your picture displays where the sides are getting cut - currently I can't see this occurring on your URL, do you still have your css fix active?
Aha! >> "dequeue the parent theme responsive.css" I'm going to try that now.
As far as your #2, I'm not sure what you mean. I waited for your response before implementing my "fix" so my CSS remains as the update default for now.
Since version 4.0.1 and now 4.0.2, my "container-wrap" when showing Project Categories at a window resized to simulate a tablet-sized device, overtakes a large part of the screen. This seems to be the "call-to-action" section? I tried turning off, the "overflow-x" attribute, and also tried changing it to "visible!important", and both fix the problem. I guess my question is: how do I make this modification stick when putting it into my child theme\'s style.css? (It didn\'t work when I tried it, because it seems the priority is to read the responsive.css file.
Can I make a ../css/responsive.css to put inside my child theme folder? I could not get that to work.
I hope the attached "collage" elucidates the problem. I don\'t understand child them folder structure when things are calling other things
Also, similarly related to the portfolio categories display, I needed to add this style declaration to my child theme\'s style.css to keep the title visible, instead of getting chopped off at the bottom:
.row .col.section-title h1 {
margin-bottom: 16px !important;
}
Hey Mitch, sorry for the delay!
1. Here's how you can dequeue the parent theme responsive.css file in order to load your child theme one in its place: (this goes in the child theme functions.php)
add_action( 'wp_enqueue_scripts', 'custom_responsive_css', 20 ); function custom_responsive_css() { wp_dequeue_style( 'responsive' ); wp_enqueue_style( 'salient-child-responsive', get_stylesheet_directory_uri() . '/css/responsive.css'); }2. There shouldn't be any issue like your picture displays where the sides are getting cut - currently I can't see this occurring on your URL, do you still have your css fix active?
Cheers :)
Aha! >> "dequeue the parent theme responsive.css"
I'm going to try that now.
As far as your #2, I'm not sure what you mean. I waited for your response before implementing my "fix" so my CSS remains as the update default for now.
I made a functions.php and added only that code, then tried various things and had unexpected results.
I hope this video clarifies my confusion:
https://s3.amazonaws.com/issues-sharing/GreenScorePortfolio-Issue.mp4
I thought posting the link to my Amazom movie would allow you top open it in your browser but apparently it downloads instead. Sorry
Hey Mitch!
Sorry for the delay. You live url seems to be looking alright in Chrome ?. Were you able to resolve these issues?.
Thanks
ThemeNectar Support Team