Archived topic
Drop Down Menu with Unusual Offset - Catalyst Theme
7 replies · Started by Shane on September 22, 2021
Hi I'm using the Catalyst theme and I decided to add a drop down menu for the first time. It looks ok on desktop but on the mobile it adds an extra space or something to the end of the menu link and throws off the orientation. Is there a way to fix this?
Here's an example.
Hi Shane,
I'm not exactly sure which part do yo mean by "offset"/"extra space".
Are you pertaining to the space between the menu text and the chevron icon indicator for submenu?
Perhaps its something else. Let us know.
Thanks for the reply. Sorry, I should have explained better. I'm referring to the text for 'Programs' not being centered like the rest of the menu links. It's pushed off to the left. This only occurs when the drop down menu item is added.
Hi there,
we can adjust that with some CSS. Can you share a link to your site so i can take a look at that?
Sure, thanks for taking a look. Added to the private area.
Hi Shane,
Give this CSS a try:
#mobile-header.main-navigation.toggled .menu-item-has-children .dropdown-menu-toggle {
position: absolute;
right: 0;
}Adding CSS: https://docs.generatepress.com/article/adding-css/
I think that did the trick. It's not perfectly centered on my end but if that's as good as it gets then I'm happy. Thank you!
No problem :)
