Good Day,
I have upgraded my moodle to from 3.4 to 3.5, and i am using the eguru theme on both versions.
the custom menu at the top was showing horizontally when i was still on 3.4. after the upgrade to 3.5 the custom menu is now showing as a vertical block. i'd like to change this back to the horizontal setup.
i'd like my custom menu to display as shown on the black screenshot instead of the blue screenshot:
your help will be appreciated
Hi Lebato,
I have checked the custom menu and its working fine.
Can you share the URL link, it will be helpful to find the solution for the custom menu issue.
Or can use find this below CSS code below in your scss file (Refer the attached screenshot).
.header-main .navbar-toggleable-md .custom-menu > ul {
display: inline-block;
}
The scss file path in your moodle folder:
Your Moodle \ theme \ eguru \ scss \ preset \ eguru.scss
Regards,
M.Nithyanandan.
Thank you Nithy,
i have amended the color_scheme-2.scss file because thats the color scheme i have selected for the theme. i added the code below and it worked successfully:
.navbar-collapse .custom-menu ul.mr-auto{
display: flex;
flex-direction: row;
display: -webkit-flex; /* Safari */
-webkit-flex-direction: row;
}
i think i will also add your suggested css code above to the eguru.scss so that these changes apply to all the color schemes.
