Return to previous page

Footer building elementor – mobile responsivnes

This topic has 2 replies, 2 voices, and was last updated 1 years, 5 months ago ago by Rose Tyler

TheOne

Participant

July 22, 2023 at 17:24

Hello,

I was wondering if you could help me with some questions.
I am trying to replicate a footer from a site (in private).

As you will see from the private content it’s not quite the same as the original.

1. I am strugling with newsletter look on mobile view. Alligning the elements the same as in the page (footer) i am trying to clone.

2. Pattern on mobile. There is a pattern i used right bellow the newsletter banner. I have changed the settings for mobile view but i’m not quite satisfied yet (not the same as in the footer i am trying to replicate) – it’s much more dense. Would i have to import a different pattern for mobile dimension (790px) or can i change the settings on mobile view?

2.1. Subquestion: Is it better to use a background or background overlay when using patterns like this?

3. Dividers. As you can see there are three columns in the footer. They are divided with a 1px solid border. Can i have the same dividers also on mobile placed between each column (horizontally)?

4. At the bottom of the footer there is a “icon list” which is displaying the menu (with copyrights and production company). On Desktop it’s ok. On mobile i want it to display in one column (like on the footer i am trying to clone) – now it’s in two rows. I have a filling i will have to use html block?

Thank you,

Please, contact administrator
for this information.

#362668 Copied Theme version: 9.1.6 WooCommerce version: 7.6.0

1 Answer

Rose Tyler

Support staff

July 23, 2023 at 09:26

Hello, TheOne,

Thank you for getting in touch with us.

1/ In this case, the situation is independent of our theme. You create content using Elementor and the result will be the same even with a default theme activated. You may set next settings for mobile – https://prnt.sc/6tuMcFqu9dMI

2/ It seems you have solved it already.

3/ Mobile view > Column settings > Borders

4/ Could you provide screenshots for a better understanding of this request?

Kind Regards,
8theme team

Please contact administrator
for this information.

#362681 Copied
Tagged: building, elementor, footer, mobile, responsive, themes, woocommerce, wordpress
Viewing 2 results - 1 through 2 (of 2 total)