Adding a Dropdown Menu in the Solo Theme

Using Ghost
#21

You’ve got an error in your footer code injection. That’s causing jQuery not to load.
image

That part should be

<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
#22

still not working… Getting the below error

(index):405 Uncaught ReferenceError: jQuery is not defined
at (index):405:3

#23

You need to put the jquery loading code (the line I just corrected above) before the dropdown menu code, because the dropdown menu code needs jquery to work.

#24

Yesss! Cathy, it worked… Thanks a lot but how can I move Tech to the left side so that it starts exactly below Self?

Screenshot 2022-10-19 at 23.32.09

#25

You need to have this in your css: (inside style tags)

Change this part of the header:
ul.ghost-submenu li { list-style: none; white-space: nowrap;}

to this:
ul.ghost-submenu li { list-style: none; white-space: nowrap; margin-left: 0!important}

#26

Thanks, it worked.
Also, how can I format the text of my post on the website to be aligned to Justify.

#27

You’ll need to add a css selector. Here’s a tutorial How to use Code Injection in Ghost

1 Like
#28

Thanks
Will Check this out.