[OJS 3.3] Manuscript Theme Header

Software Support
,
1

Greeting,

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

2

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.

Regards,
Syaiful

1 Like
3

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

4

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

5

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