Align one menu item to the right on Impulse theme

Store Design
1

Hello,

I currently have my main menu centred, but would like one of the items aligned to the right.

The header currently looks like this:

jpat_0-1745999552392.png
jpat_0-1745999552392.png1481×142 16.1 KB

But I would like the ‘About’ menu item to be aligned right, and look like this:

jpat_1-1745999629383.png
jpat_1-1745999629383.png1481×142 16 KB

Any help would be very appreciated!

2

Hi!

Try to add this code to Custom CSS:

@media only screen and (min-width: 1200px) {
.site-nav {
position: relative;
width: 100%;
padding: 0 130px;
}
.site-nav li:last-child {
position: absolute;
right: 0;
}
}​

You can adjust the 1200px breakpoint based on your menu width.

3

Hi @jpat , kindly provide your store URL please and if it is password protected, please share the password as well. Thanks

4

Thanks @SaraSky , this worked with a little bit of tweaking :slightly_smiling_face:

5

Oh dear, actually @SaraSky , I’ve just realised that now the ‘last-child’ in each of the dropdowns is also aligning right. Is there a way to stop this?

jpat_0-1746057172456.png
jpat_0-1746057172456.png202×287 13.6 KB

6

I see what you mean,

Here’s a small update:

@media only screen and (min-width: 1200px) {
  .site-nav {
    position: relative;
    width: 100%;
    padding: 0 130px;
  }
  .site-nav > li:last-child {
    position: absolute;
    right: 0;
  }
}
7

That’s fixed it. Thank you so much!