[OJS 3.3] Manuscript Theme Header


I’m using the Manuscript theme and need to make the logo to fully occupy the header.
I tried this code but i still have a lot of space not being used.

.pkp_site_name .is_img img {
    max-width: none;
    max-height: none;
    width: 100%;
    height: 100%;
    padding: 0%;
    border: 0px;

Best regards,
José Nobre

Hi @josenobre

Prepare your header with width:6000px and height:908px.

Then use this css :

.pkp_site_name {padding-top: 0 !important; padding-bottom: 0 !important}
.pkp_site_name > a {padding-top: 0; padding-bottom: 0;}
.pkp_site_name .is_img img {max-height: 200px !important;}
.pkp_site_name_wrapper {padding-left: 0; padding-right: 0;}
.pkp_navigation_user_wrapper {top: 0; right: 0; padding-right:30px;}
.pkp_structure_page {margin-top:  20px !important; margin-bottom:20 !important; padding-bottom: 20 !important;}

This is the result.


1 Like

Hi @synchziro, sorry for the late response.

Thank you for the help. I noticed that the logo goes outside the header on the mobile version (this is also the case for the exemple), i will try to make a solution and if i find it i will share it as soon as possible.

Best regards,
José Nobre

Hi @synchziro, i have an update.

The problem is not restricted to the mobile version, it persists on the desktop version depending on the size of the window.

Best regards,
José Nobre

Thanks for the information, I have implemented it at https://publikasi.abidan.org/index.php/educative