Menu button doesn’t right-align when using shortcode

Hi there,

Unfortunately this is an incredibly vague support request, if even one at all (it sounds more like a statement). Can you provide a site URL at least for me to look at?

All the best

Sure — https://www.jamestella.com. The button alignment is set to right align, but it appears on the left. I’ve hidden the Responsive Menu on the home page. Click on any of the listed links — Bio, Works on Paper, Cast Paper, Exhibitions, Stellagrams, or Contact — to go to a page with the menu.

• This reply was modified 7 years, 11 months ago by tzedekh.

Hi there,

It seems you are using the relative positioning which means that right/left values won’t work. You can easily get around it though by using the below custom CSS:

#responsive {
  text-align: right;
}

All the best

I am using the free version. Custom CSS is available only with the Pro version, so I added it to the bottom of the menu’s CSS file. That worked.

• This reply was modified 7 years, 11 months ago by tzedekh.

Hey there,

Perfect, I didn’t mean to use the Custom CSS option. The #responsive element is part of your theme and your themes style.css file so thats where you need to edit.

Glad its working now!

I tried it in the theme’s style.css file (I had added #responsive and some other styles there to modify an older version of your menu), and it didn’t work there, even with the “! important” declaration (that should work but doesn’t). I suspect that because the menu’s CSS file loads after style.css, it overrides values set in style.css.

Hey there,

Fair enough – as long as you have it working that’s all that matters!

All the best