XF 1.4 Positioning the Alert drop drop down

[ibaker]

I have a situation where I need to reposition the Alert and Conversation popup drop downs, not in their top position but move them 35px to the left and for the life of me I can't figure out how to do it. Positioning their top height point is easy but moving them sideways is proving most difficult.

In other words:


Any suggestions on how to do this mean feat, is greatly appreciated

 

[Sheldon]

#ConversationsMenu {
    margin-left: 26px;
}

Could try that, adjust the # to suit...

 

[ibaker]

Thanks Sheldon, but that doesn't work, I think I have tried just about everything except for the one thing that will do it

 

[ibaker]

Use a dummy test site at http://www.aircraftpilots.net/
Log in with:
Username: Test
Password: test
Need to log in to see the Conversations and Alerts icons

 

[Sheldon]

This worked for me:

#ConversationsMenu {
    left: 72px !important;
    top: 125px !important;
}

 

[Sheldon]

... and Alerts Menu worked with this:

#AlertsMenu {
    left: 72px !important;
    top: 165px !important;
}

 

[BassMan]

I've tried too and works like Sheldon says.

#AlertsMenu, #ConversationsMenu {
    left: 72px !important;
    top: 165px !important;
}

 

[Sheldon]

.. and Account Menu

#AccountMenu {
    left: 72px !important;
    top: 70px !important;
}

 

[ibaker]

BRILLIANT, thanks Sheldon. That menu system allows for the user to select whether they want the menu on the left or right side of the page plus it converts to a sticky top row on mobile devices so I will change the positioning to suit what the user does, it's still a work in progress, thanks again

 

[Sheldon]

BRILLIANT, thanks Sheldon. That menu system allows for the user to select whether they want the menu on the left or right side of the page plus it converts to a sticky top row on mobile devices so I will change the positioning to suit what the user does, thanks again

Yeah, that is the code for the left... but once figured out, you can set it all up properly for left/right choices.

 

[BassMan]

And need to fix in responsive view:

 

[ibaker]

Thanks Bassman, will do. The whole menu system is coming along nicely now, just need to clean it all up and add the ability for users to create up to 4 links for themselves that are displayed in the drop down of the right icon as shown in the mobile view

 

[BassMan]

There's also a problem with permalinks and sticky menu in responsive:



The post is hidden by menu.

 

[ibaker]

Thanks Bassman, strange I am not seeing that. Firstly at that resolution in Firefox -> Tools - Responsive, I don't see the post # also when I make it larger I see it and use the perma link without any issues also tried on my Samsung Galaxy S5 with Chrome browser and again now issues.

 

[BassMan]

Not sure if we understand each other now.

Go directly to this link on your mobile: http://www.aircraftpilots.net/threads/test-2.2/#post-4

You'll see the top of this post is hidden by sticky menu.

 

[ibaker]

I see what you mean, I will PM you on that

 

[BassMan]

It should work like that (example on my add-on Sticky Navigation):

 

[ibaker]

I have PM'd you on that and the reason why but not sure if there is a good way out of it and why my users attacked me when I tried your sticky bar...I think it comes down to the order of drawing the screen but not sure if there is a way around this

 

[BassMan]

I understand, but there's not much I can do about it. Tell your users to speed up their internet connection

Answered your PM...

Also it's hard to go around that. When I look at other sticky's it's almost the same...

 

[ibaker]

Lol Australia, a land of sweeping plains, vast horizons, huge outback, only 25m people spread across a land size of say the US. We may have been using 4g for many years but that's not a great help. I have a dedicated server based in Australia as well but then my site is relatively large. But, I have an idea, as I am about to rewrite it all and clean it up I will have a look at this and see whether my idea will work, it comes down to setting the actual top of the content first, thanks again