Hi all
I want to apply CSS to the custom menu items in Moove theme. I have Moodle 3.7.3 installed with php 7.2.
I have created menu items but now it sites next to my logo on the left. I want to move it to the right.
Please help.
You've created menu items in CSS?
What have you written please? Screenshot?
Hi Gareth
Thanks for the swift reply.
No, I haven't created menu items in CSS, I want to apply CSS to menu items within the custommenuitems:
It's currently sitting on the left just next to my logo. I want to move it to the right with CSS: maybe with style="float:right"
Is this possible?
Thanks for the swift reply.
No, I haven't created menu items in CSS, I want to apply CSS to menu items within the custommenuitems:
It's currently sitting on the left just next to my logo. I want to move it to the right with CSS: maybe with style="float:right"
Is this possible?
So you want to move the menu with CSS? If so, then better off moving it by editing the PHP. Thanks for the screen shot, but hard to tell as small and no before / after.
Hi Gareth
I've included a more visible image of what I want to achieve. This is the before. I don't have an after yet. I don't know where to look for or edit the PHP. Can you guide me in the right direction, please?
Thank you.
Hi Nolan,
Have you tried to move it using float right as you stated earlier.
If not then try it as it might just be what I would have done.
I’m having problems with my PC so I can’t even test it out.
Hope this helps?
Cheers
Mary
Hi Mary
Thanks for the reply. I have tried this: style="float:right" but it doesn't seem to work. Everything stays in the same place.
Thanks for the reply. I have tried this: style="float:right" but it doesn't seem to work. Everything stays in the same place.
Hi Mary
This is the steps I followed:
1. Site Administration
2. Appearance
3. Moove
4. Advance Tab
5. style="float:right" paste in Raw SCSS
6. Save
That's it.
This is the steps I followed:
1. Site Administration
2. Appearance
3. Moove
4. Advance Tab
5. style="float:right" paste in Raw SCSS
6. Save
That's it.
Ok, edit 'templates/header.mustache' and move 'ml-auto' as follows (before = left and after = right), then do a 'purge all caches':
In reply to Gareth J Barnard
Re: Applying CSS to custom menu items in Moove Theme
by Gareth J Barnard -
P.S. Not perfect on small devices, but a start in the right direction.
Hi Gareth
Thank you very much. I will set it accordingly.
Hi Gareth
Thank you so much. It worked!!!
Regards
Thank you so much. It worked!!!
Regards