Rayhan333, hello! The way to do is to create a child theme and copy css from @media queries from Jolene into child theme’s style css. Also you need to set constant width for the site.
Friend can you tell me the propoer steps please.. It will be very helpful for me as i am a new developer and really i like the theme. And if i disable this option any chance to harm any other option?
I have created a twenty fourteen child theme, it is showing on wordpress themes, now what to do?
How much @media codes i have to copy-paste or edit in the child theme?
Rayhan333,
1. change “template” from “twentyfourteen” to “jolene” in child style.css
2. copy all @media (except @print) in the same order
3. Add this code to the style.css
.site {
width: 1349px;
}
4. add this code to functions.php:
function theme_enqueue_styles() {
wp_enqueue_style( 'theme-parent-style', get_template_directory_uri() . '/style.css' );
wp_enqueue_style( 'theme-style', get_stylesheet_uri(), array( 'theme-parent-style' ) );
}
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
And if i disable this option any chance to harm any other option?
It can have minor difference, but in general site should think that the screen has same (big) size always (without @media). Jolene takes all info about screen size from @media.
Thank you lot friend, i have followed step by step and now it works. But still sidebars both left and right side, they are not showing from mobile devices, do you know why? my website, http://www.rayhan333.com , right side bar, there are facebook follow and like buttons, they are not visible from mobile.
Rayhan333, sorry, I meant that all wrappers like ‘@media screen and (min-width: 1040px) {‘ and ‘}’ at the end of each block should be removed from child style, that should replace all @media in Jolene by child styles (without @media) for all screens.
Thank you, i have successfully done that. Now i have another question, can i make the logo size larger? it is on the top left side, but small in size, i want to make it larger in width, where i can solve this? also, can i add some advertise links, beside the logo?