[Asumi]

Hello,
1/I’m having a problem with the clean journal design (mobile version)
when I open my website on my phone (galaxy s4) there’s a huge space on the right side is there a solution for that ?

2/and once I open add a comment on the phone same problem it’s too big XD and the magic box is on the top but i want it to be down the comment box

thanks for helping me (clean journal team)

regards,
Asumi

[Asumi]

by the way this is my website:
http://www.penandruler.com

[Mahesh]

@asumi:
1. problem with the clean journal design (mobile version):
This issue is because of #main div’s width fixed to 900px, you’ll need to add media queries for responsive design / mobile friendly design.
Example:

@media screen and (max-width:480px) {
    #main {
        width: 100%;
    }
    .sidebar-primary {
        width: 100%;
    }
}

2. And by magic box, do you mean the widget with text “Magic Action Box…”? Well it is in the sidebar and for responsive design, the sidebar will automatically move just below the main content.

Regards,
Mahesh

[Asumi]

it works ^^
thankd for your help @mahesh
you are the best

[Mahesh]

@asumi: Thank you for your appreciation. If you like my support and Catch Responsive theme then please support by providing your valuable review and rating at https://wordpress.org/support/view/theme-reviews/clean-journal?rate=5#postform

Have a nice day!

Regards,
Mahesh

[Asumi]

@mahesh: sure with pleasure 😀

but still I have anoher problem I tried to upload my own design as a header picture but I don’t know why it come after the menu
I want it to be before the menu do I need to change something or?

[Mahesh]

@asumi: For this, you’ll need to create child theme. You can find more details on creating child theme HERE. Then in your child theme’s function.php add the following codes:

function clean_journal_featured_image_display() {
    add_action( 'clean_journal_after_header', 'clean_journal_featured_overall_image', 19 );
}

Seems you are trying to remove the site title and other in the header. But there is a huge white gap in the header. You can use the following CSS to remove it.

#masthead {
    display: none;
}

Regards,
Mahesh

[Asumi]

ok I create a child theme and everything is going well except for the all right reserved you told me before that I need to upgrade to the clean journal pro or to create a child theme
now with the child theme is it possible to change it ?

thanks @mahesh for being patient XD

[Mahesh]

@asumi: Yes, this can be done through child theme. Find the function clean_journal_footer_content_content and make a similar function with your custom footer text. Then unhook the default footer with following code:
remove_action( 'clean_journal_footer', 'clean_journal_footer_content', 100 );
and add the new footer function with following code:
add_action( 'clean_journal_footer', 'your_custom_footer_function', 100 );

Regards,
Mahesh

[MaxBerger]

Hi guys,

another problem:

I really dont like the design of the mobile version. It looks quite different to the desktop version and now the question is what I have to do to make the full side appear on the phone permanently.

Thanks!

[Mahesh]

@maxberger: There is no such function to disable responsiveness in the theme. You’ll need to customize it and do it manually through child theme. You can more details on creating child theme HERE.

Regards,
Mahesh

[Author]

Posts