Action Button Location

empulse

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.

Phil

Hello,

Please, go to Betheme -> Theme options -> Global -> General, and increase the site width until your Action Button goes back to its place.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

empulse

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).

Phil

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Phil

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

empulse

Sorry Phil; Forgot the host hides the login page. Here ya go : https://journey-fit.com/wp2021?clientview

Phil

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

empulse

Fixed me right up.

Thank you for your help, Phil!

empulse

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?

Phil

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next