Hi

I'm using the Lifestyle 2 template on the following website. Is there a way to get the two menus at the top aligned together to the right? I'm happy with the top one position but the one under that is sitting too far over to the left. I've tried adjusting the CSS but am having no joy at all!

fsgtestsite.co.uk/morstoncreek/index.php


Many thanks

Heather

Hi Heather,

Is this a live site / client viewing site? as it may require a bit of fiddling with the css

First step would be to use a right aligned menu - this setting is at the bottom of the layout tab

Cheers
Paul

Hi Paul

Thank you very much, thats sitting a lot better now. Just a couple more questions about the menu – Is there a way that the collapsible menu can be triggered earlier as when the screen is made smaller some of the menu items start running over two lines until it kicks in? Also can that menu be positioned to the right too?

Many thanks as always.

Heather

Hi Heather,

You can alter the breakpoints using the Theme Magic

Change those and save
Then compile to less in the admin

Cheers
Paul

You could also add

.navbar-toggle {float: right;}

Hi Paul

Thank you, the navigation floating to the right works perfectly now, however I still can't seem to get the collapsible menu to trigger earlier. Do you mean to change the widths under Theme Magic > Grid > Large Desktop / Desktop / Tablet Widths? I've tried a number of different combinations but none seem to be making any difference.

Many Thanks

Heather

Hi Heather,

Did you compile less to css after using theme magic?

Cheers
Paul

Hi Paul

Yes I did.

Many Thanks

Heather

and no luck?

Unfortunately not. I take it I am targeting the right settings in the theme magic? From looking at it what would you say I need to change the dimensions to in the grid settings in order for it to trigger earlier?

Many Thanks

Heather

Hi Heather,

Could you attach a screenshot of the settings in theme magic

Cheers
Paul

Hi Paul

Yes, here it is.

Thank you very much

Heather

hmm will need to get back to you on this as its seems stuck on 1019px

which isn't your value set

Cheers
Paul

Hi Paul

Also, when checking on the ipad landscape orientation it has margin down the right hand side and the whole page goes smaller but then when I scroll down it goes as it should and fits the full width of the device. It also has the margin on the iPhone. Is this all connected with the Theme magic settings I'm having problems with? I've attached screen shots so you can see what I mean.

Best wishes

Heather

Hi Paul

I have managed to fix the last problem that I mentioned – it was something in the css causing the strange margin on the iPad, so it's just the other issue to solve now with it being stuck on 1019px.

Many Thanks

Heather

Hi Heather,

Could you create a ticket for the site so we can take a look

Cheers
Paul

Hi Paul

I have created a ticket. Let know if you need anything else from me.

Many thanks for looking in to it for me.

Best wishes

Heather

Thanks - I've just added a reference to this forum thread in the ticket

Cheers