Action Button Location
Hey there - I'm using a prebuilt design and the Action Button is not in the place I'm used to it being. Figured I'd had some CSS that was causing an issue, but I can't find anything that looks out of whack.
https://journey-fit.com/wp2021/
Can you tell me how to get the Action Button center aligned to the menu text? Alignment seems fine as is when #Top_bar.is-sticky.
Comments
Hello,
Please, go to Betheme -> Theme options -> Global -> General, and increase the site width until your Action Button goes back to its place.
Thanks
Thanks for the response - however this doesn't seem to adjust the vertical location at all.
(it was set to 1122, it is now set to 1396 - Tested this in intervals of 100 up to 1920).
Please send us WordPress dashboard access privately thru the contact form, which is on the right side at http://themeforest.net/user/muffingroup#contact, and we will check what might be the reason.
Notice!
Please attach a link to this forum discussion.
Thanks
Sorry, but the link to your WP dashboard is not working, and it throughs 404 error page.
Are you sure that you attached the correct URL?
Best regards
Sorry Phil; Forgot the host hides the login page. Here ya go : https://journey-fit.com/wp2021?clientview
Please, put the following code in Betheme -> Theme options -> Custom CSS & JS -> CSS.
#Top_bar:not(.is-sticky) .action_button{ top: 45px!important; } #Top_bar a.responsive-menu-toggle{ top: 50px!important; }Thanks
Fixed me right up.
Thank you for your help, Phil!
Hey Phil,
After publishing this site I noticed that the above code puts that button in a strange spot on mobile.... Is there a way to move that element back to the original position on mobile?
Please, put the code I have sent you inside the media queries, so it will look like this:
@media only screen and (min-width: 767px) { #Top_bar:not(.is-sticky) .action_button{ top: 45px!important; } #Top_bar a.responsive-menu-toggle{ top: 50px!important; } }Thanks