Pro Footer Assistance

Support
#1

Good evening,

I am transferring http://yfcirc.com/ over to X: http://wordpress-85748-411361.cloudwaysapps.com/. I am wondering if it is possible to achieve a similar effect with the logo on my device using Pro? Here is a screenshot of the logo before it gets resized: https://prnt.sc/ib55e5. Can you please assist?

I am also having some issues with the Pro footer layout. Here is a screenshot of the alignment: prntscr.com/ib53th. I would like the text in the bottom right aligned to the edge of the footer, and am open to getting rid of the footer menu if necessary or helpful.

Thank you,
J

#2

Hi,

Yes, that’s possible.

  1. To achieve that, you can add class to your image element

Then add this in Header > CSS

.my-image {
     position:absolute;
     z-index:99999;
}
  1. Try to set your bar flex layout to space between

#3

Hello there,

  1. The header you code does not seem to be working. I tried placing different sizes of the logo in the image element in the pro top header bar, but none of them are visible.

  2. That solution sort of works, but I would prefer only a tiny margin between the two inline navigation elements in the bottom bar of the footer.

Thank you,
J

#4

Hey @weatherstone,

  1. Here’s how to setup a huge overlapping logo.

In summary, the setup is using a Standard Image Type and Retina and Dimensions disabled. Then, adjust the top margin for spacing. You can use negative margins to create that hidden effect.

  1. Do you want your footer to look like this?

If so, please set all of your containers in that bar to No Shrink.

If you want it to look like this.

Set the first container’s Self Flex to Flex Grow to 3.

To learn more tips and tricks, please see https://theme.co/apex/forum/t/elements-tips-and-tricks/214

Hope that helps.

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.