Hello Everyone,
I was wondering how to make a clickable banner logo using the Adaptable Theme.
As there is no customization field where one can specify a url in the theme parameters of the Moodle interface, I was wondering how this could be done either by using HTML/CSS or modifying the Php theme coding.
Any help/pointers would be greatly appreciated.
Thanks,
Bob
Moodle Version: 3.4
Adaptable Theme: 1.6.0.2
If you upload a logo that is clickable and will return you to the front page of your Moodle site.
Are you saying that you want to link to a different URL other than the Moodle front page?
No,
I just want to make a clickable banner using the Adaptable Theme or modifying it somehow.
Many thank,
Bob
Hi,
Moodle page header used to be a clickable area, and also a good place to add an image using some Custom CSS, but this was depreciated after lots of people became annoyed because every time they wanted to click a menu item in the navbar, which is above the page header area, they were clicking too soon and ended up being taken to the home page from wherever they where.
So, are you absolutely sure you want the banner to be click-able?
It's not a good idea really unless you want to direct people to another page or outside your Moodle site completely.
Cheers
Mary
Hi,
I understand that this is an older post, but I have the same question and the original poster.
Is it possible to add a link to the header logo for the adaptable theme?
I have added the suggested code for adding the logo - background image. The image shows and works well.
#page-header {
background: 0 none;
background-image: url();
background-position: right top;
background-repeat: no-repeat;
background-size: 100% auto;
}
Any information would be appreciated. Using the latest moodle and theme.
Thank you,
Rod
The header background image is already included in Adaptable so you don't need to add any custom CSS or image.
Just upload the image in the Header settings section.
And no, it is not clickable for many reasons but mainly because is a very bad UX practice.
Ypu can add an image in the header using the title option, and also used to add a second logo, and then add a link to it.
Thank you that worked for me by adding the image to the title box and then a link onto the image.
