1. Somehow there appears some Wordpress elements from my old theme inside my posts. (see red area in my attached jpg file) How can I delete this. Couldn't find anything at the customizer section.
2. How can I hide the post title on mobile for "Next/Prev Post Navigation"? (see my jpg file)
3. How can I display the "related posts grid layout" different for mobile? Can I hide it for mobile or show a 2 column grid instead of those huge images?
4. How can I change the red newsletter subline text to black color at my footer Mailchimp section? Actually I use the same code for the sign up sidebar form. But somehow the text here is black. Maybe there is a mistake in my code? Also the hover color doesn't work for both widget sections. Please check my css code:
1/ It's social sharing & related posts from Jetpack plugin. Let's check and disable it from Jetpack plugin.
2/ If you hide the posts title for mobile for "Next/Prev Post Navigation" - this section can't be clicked and move to next/prev posts. So, if you want to hide it, you need to hide this part, please add more this code to Customize > Custom CSS to do that:
@media only screen and (max-width: 767px){
.post-pagination{ display: none; }
}
3/ To hide it on mobile, please add more this code to Customize > Custom CSS:
@media only screen and (max-width: 767px){
body.single .post-related{ display: none; }
}
4/ For change colors on footer signup form, please check options for it via Customize > Colors for Footer SignUp Form.
5/ Please add more this code to Customize > Custom CSS to do that:
@media only screen and (max-width: 767px){
.footer-socials-section{ padding: 30px 0 0; }
.footer-subscribe{ padding-bottom: 0; }
}
6/ Please add more this code to Customize > Custom CSS to do that:
@media only screen and (max-width: 767px){
.penci-sidebar-content{ display: none; }
}
Hello, I have a couple of questions for you ;)
1. Somehow there appears some Wordpress elements from my old theme inside my posts. (see red area in my attached jpg file) How can I delete this. Couldn't find anything at the customizer section.
2. How can I hide the post title on mobile for "Next/Prev Post Navigation"? (see my jpg file)
3. How can I display the "related posts grid layout" different for mobile? Can I hide it for mobile or show a 2 column grid instead of those huge images?
4. How can I change the red newsletter subline text to black color at my footer Mailchimp section? Actually I use the same code for the sign up sidebar form. But somehow the text here is black. Maybe there is a mistake in my code? Also the hover color doesn't work for both widget sections. Please check my css code:
/* Sign up mailchimp
---------------------------------*/
.wpb_text_column .mc4wp-form, .post-entry .mc4wp-form{ margin-left: auto; margin-right: auto; max-width: 700px; color:#89a4aa; }
.mc4wp-form label span { color: #89a4aa; }
.mc4wp-form input[type="submit"]{ background-color: #cbb998; color: #fff; font-family:Source Sans Pro, sans-serif; font-weight: 400; letter-spacing: 1px;}
.mc4wp-form input[type=submit]:hover{ color: #ffffff;
background: #333333; }
5. How can I shrink the spaces between the elements of the sign up footer widget for mobile? (See my jpg file)
6. How can I turn off the sidebar for mobile only?
Thank you soooo much for your help.
Have a nice weekend
Joana
Hi,
1/ It's social sharing & related posts from Jetpack plugin. Let's check and disable it from Jetpack plugin.
2/ If you hide the posts title for mobile for "Next/Prev Post Navigation" - this section can't be clicked and move to next/prev posts. So, if you want to hide it, you need to hide this part, please add more this code to Customize > Custom CSS to do that:
@media only screen and (max-width: 767px){ .post-pagination{ display: none; } }3/ To hide it on mobile, please add more this code to Customize > Custom CSS:
@media only screen and (max-width: 767px){ body.single .post-related{ display: none; } }4/ For change colors on footer signup form, please check options for it via Customize > Colors for Footer SignUp Form.
5/ Please add more this code to Customize > Custom CSS to do that:
@media only screen and (max-width: 767px){ .footer-socials-section{ padding: 30px 0 0; } .footer-subscribe{ padding-bottom: 0; } }6/ Please add more this code to Customize > Custom CSS to do that:
@media only screen and (max-width: 767px){ .penci-sidebar-content{ display: none; } }Best Regards,
PenciDesign