Return to previous page

How to reduce footer width to be same as main menu in desktop

This topic has 6 replies, 3 voices, and was last updated 2 years, 7 months ago ago by Rose Tyler

tuijatuulia

Participant

May 21, 2021 at 00:57

Is it possible to reduce the width of the footer (I made a new template for footer with Elementor) to be the same width as my XStore main menu in desktop and to be full width in mobile? How is the main menu width defined? It has “full width” in propersties and I like it is not filling the whole screen from left to right. But wondering how to copy that size to footer name with Elementor..

#288437 Copied Theme version: 7.2.7 WooCommerce version: 5.7.1

5 Answers

Olga Barlow

Support staff

May 21, 2021 at 11:36

Hello,

Choose the Boxed type for the section and set content width https://prnt.sc/137uas6

Regards

#288473 Copied

tuijatuulia

Participant

May 21, 2021 at 17:03

Hi, I did that for both sections (blue and dark) but it does not seem to help, please see example

Please contact administrator
for this information.

#288530 Copied

Rose Tyler

Support staff

May 22, 2021 at 09:05

Hello,

Could you provide temporary wp-admin access?

Regards

#288571 Copied

tuijatuulia

Participant

September 21, 2021 at 14:24

Hi, I have reconsidered this and would like to ask, can I make the header items wider, because it bothers me that header and footer are not equally wide now.. they look like this (below) and the difference is bigger when using a bigger screen.

Header width: https://prnt.sc/1t3ofie

Footer and header: https://prnt.sc/1t3oj7b

#302960 Copied

Rose Tyler

Support staff

September 22, 2021 at 10:22

Hello,

You made header bottom sticky, but this area contains the menu only with align – center, try to change padding between menu items

Regards

#303075 Copied
Viewing 6 results - 1 through 6 (of 6 total)