Full site name not displaying on mobile devices in ADAPTABLE THEME

Full site name not displaying on mobile devices in ADAPTABLE THEME

by Eli Gat -
Number of replies: 19

Hi,
I am using Moodle Moodle 3.10 with Adaptable 3.10.1.2 versions. I have realized that my full site name does not display on mobile devices and also the announcement  is being displayed but hidden under where the Site name is supposed to display even though I have set all responsive behaviour of my site to "Extra small - Extra Large". 

I would be very glad if someone here can assist me fix these issues.
Attached is the screen short of the mobile device.

Thanks!

Attachment Mobile View.jpeg
Average of ratings: -
In reply to Eli Gat

Re: Full site name not displaying on mobile devices in ADAPTABLE THEME

by Gareth Barnard -
Picture of Core developers Picture of Particularly helpful Moodlers Picture of Plugin developers
Please patch you code as follows: https://gitlab.com/jezhops/moodle-theme_adaptable/-/commit/e43b854bb16d8e7dbb04c53a3124d0a5417228a6.
Average of ratings: -
In reply to Gareth Barnard

Re: Full site name not displaying on mobile devices in ADAPTABLE THEME

by Eli Gat -
Thanks very much for the for the timely response. I have patched my codes according to the link given and it works perfectly but then the login button is gone also Username and Password fields are now hidden under the transparent site name making it difficult to type and login.
I would be grateful if you can help too with that fix.
Attached is the screen short of the login page.

Cheers!
Attachment loginPage.jpeg
Average of ratings: -
In reply to Eli Gat

Re: Full site name not displaying on mobile devices in ADAPTABLE THEME

by Gareth Barnard -
Picture of Core developers Picture of Particularly helpful Moodlers Picture of Plugin developers
Good question, I've looked and there seems to be a contraction with the combinations of functionality in the theme. No solution at the moment.
Average of ratings: -
In reply to Gareth Barnard

Re: Full site name not displaying on mobile devices in ADAPTABLE THEME

by CARLOS MARIO JARAMILLO OLAYA -
Good day, some update about the solution?
Thx for any info.
Average of ratings: -
In reply to CARLOS MARIO JARAMILLO OLAYA

Re: Full site name not displaying on mobile devices in ADAPTABLE THEME

by Gareth Barnard -
Picture of Core developers Picture of Particularly helpful Moodlers Picture of Plugin developers
Update = I don't have a solution yet. Unless you want to use CSS to make the text at that resolution much smaller? Or somehow have the site name on the navbar? = PHP and CSS changes.  Or even preventing the 'fixed-top' from happening.
Average of ratings: -
In reply to Eli Gat

Re: Full site name not displaying on mobile devices in ADAPTABLE THEME

by Gareth Barnard -
Picture of Core developers Picture of Particularly helpful Moodlers Picture of Plugin developers
Solution to this, I hope works as intended: https://gitlab.com/jezhops/moodle-theme_adaptable/-/commit/41fc25f342af6d64b6f66ddf1844dee414c158cf.
Average of ratings: -
In reply to Gareth Barnard

Re: Full site name not displaying on mobile devices in ADAPTABLE THEME

by CARLOS MARIO JARAMILLO OLAYA -

Thx Gareth for your support, but i applied the changes and the problem persist. 


This is a image from desktop site:



This is the image from mobile site:



Configuration:



I appreciate very much your help.

Average of ratings: -
In reply to CARLOS MARIO JARAMILLO OLAYA

Re: Full site name not displaying on mobile devices in ADAPTABLE THEME

by Gareth Barnard -
Picture of Core developers Picture of Particularly helpful Moodlers Picture of Plugin developers
Did you 'Purge all caches'?
Average of ratings: -
In reply to Gareth Barnard

Re: Full site name not displaying on mobile devices in ADAPTABLE THEME

by CARLOS MARIO JARAMILLO OLAYA -

Gareth, again you right. My bad was dont clean caches. I did it and its works



But, it dont work when the user have active session. the header is all white except for the logo. It doesn't show the header image, as it should.


Again, i appreciate your great help.


Average of ratings: -
In reply to CARLOS MARIO JARAMILLO OLAYA

Re: Full site name not displaying on mobile devices in ADAPTABLE THEME

by Gareth Barnard -
Picture of Core developers Picture of Particularly helpful Moodlers Picture of Plugin developers
I can try locally to test with a site name and logo (I'm sure it works), however I can't inspect your site because I'm blocked because of a 'GeoLocation' blocker on your site that only allows access within your country.
Average of ratings: -
In reply to Gareth Barnard

Re: Full site name not displaying on mobile devices in ADAPTABLE THEME

by CARLOS MARIO JARAMILLO OLAYA -

Good morning Gareth, again thank you very much for your great collaboration. I tell you that I was able to solve the previous problem, for that I had to comment on the underlined lines (../moodle/theme/adaptable/layout/header.php)

// Load header background image if it exists.

$headerbg = '';
if (!empty($PAGE->theme->settings->categoryhavecustomheader)) {
    $currenttopcat = \theme_adaptable\toolbox::get_current_top_level_catetgory();
    if (!empty($currenttopcat)) {
        $categoryheaderbgimageset = 'categoryheaderbgimage'.$currenttopcat;
        if (!empty($PAGE->theme->settings->$categoryheaderbgimageset)) {
            /*$headerbg = ' class="headerbgimage" style="background-image: ' .*/
$headerbg = ' style="background-image: ' .
            'url(\''.$PAGE->theme->setting_file_url($categoryheaderbgimageset, $categoryheaderbgimageset).'\');"';
        }
    }
} else {
    $currenttopcat = false;
}
if ((empty($headerbg)) && (!empty($PAGE->theme->settings->headerbgimage))) {
    /*$headerbg = ' class="headerbgimage" style="background-image: ' .*/
$headerbg = ' style="background-image: ' .
    'url(\''.$PAGE->theme->setting_file_url('headerbgimage', 'headerbgimage').'\');"';
}



Now the problem is that when a user enters Moodle from their mobile device, the long course names are shortened and it looks bad.



I remain attentive and thank you very much as always.

Average of ratings: -
In reply to CARLOS MARIO JARAMILLO OLAYA

Re: Full site name not displaying on mobile devices in ADAPTABLE THEME

by CARLOS MARIO JARAMILLO OLAYA -
Good day, any news?
Average of ratings: -
In reply to CARLOS MARIO JARAMILLO OLAYA

Re: Full site name not displaying on mobile devices in ADAPTABLE THEME

by Gareth Barnard -
Picture of Core developers Picture of Particularly helpful Moodlers Picture of Plugin developers
News? I thought you'd solved the problem?
Average of ratings: -
In reply to Gareth Barnard

Re: Full site name not displaying on mobile devices in ADAPTABLE THEME

by CARLOS MARIO JARAMILLO OLAYA -
Good afternoon Gareth, I have been able to solve part of it, but I have not been able to ensure that the course title, when it is in capital letters or is very long, is cut abruptly as seen in the previous image that I published. Could you help me fix it?
Thanks a lot.
Average of ratings: -
In reply to CARLOS MARIO JARAMILLO OLAYA

Re: Full site name not displaying on mobile devices in ADAPTABLE THEME

by Gareth Barnard -
Picture of Core developers Picture of Particularly helpful Moodlers Picture of Plugin developers
What exact version of Adaptable are you running please Carlos? As I have 'text-overflow: ellipsis;' for the #sitetitle styles instead of your 'visible' value.
Average of ratings: -
In reply to Gareth Barnard

Re: Full site name not displaying on mobile devices in ADAPTABLE THEME

by CARLOS MARIO JARAMILLO OLAYA -

Good day Gareth, the version of adaptable is 3.9.1.3  2020073110. 

Thx very much. 

Average of ratings: -
In reply to CARLOS MARIO JARAMILLO OLAYA

Re: Full site name not displaying on mobile devices in ADAPTABLE THEME

by CARLOS MARIO JARAMILLO OLAYA -


Average of ratings: -
In reply to CARLOS MARIO JARAMILLO OLAYA

Re: Full site name not displaying on mobile devices in ADAPTABLE THEME

by Gareth Barnard -
Picture of Core developers Picture of Particularly helpful Moodlers Picture of Plugin developers
Try the custom CSS:

#sitetitle, #sitetitle a, #sitetitle p, #sitetitle h1, #sitetitle h2, #sitetitle h3, #sitetitle h4, #sitetitle h5, #sitetitle h6 {
    overflow: hidden;
    white-space: nowrap;
}

or set the 'coursetitlemaxwidth' setting. Seems to be a contradiction in functionality here.

G

Average of ratings: -
In reply to Gareth Barnard

Re: Full site name not displaying on mobile devices in ADAPTABLE THEME

by CARLOS MARIO JARAMILLO OLAYA -
Good day Gareth, thx for info.
its work, but without white-space: nowrap;




*With white-space: nowrap;


Thx vry much.

Average of ratings: -