Width header - by Martine - on WordPress WooCommerce support

This topic has 5 replies, 2 voices, and was last updated 4 years, 7 months ago ago by Martine

  • Avatar: Martine
    Martine
    Participant
    May 16, 2021 at 13:43

    Hi!
    Please check https://nobyart.com/home/
    For the header I would like to have the same width as the footer. Footer is created in Elementor. Footer is full widht and inner section is boxed. Content width is 1140px.
    Where can I create this setting for header? I need to align logo in header the same as copyright in footer.

    Also the shop page and single product page need to have same width. How can I create this?

    4 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    May 16, 2021 at 15:04

    Hello,

    Could you provide temporary wp-admin access?

    Regards

    Avatar: Martine
    Martine
    Participant
    May 16, 2021 at 15:07

    Yes, see private content.

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    May 16, 2021 at 16:05

    Hello,

    1) The width of the Header is taken from Theme Options > General > Site Width, or you can use custom CSS code to change it, for example, add the next code in Theme Options > Theme custom CSS > Custom CSS for desktop:

    .site-header .et-container {
        max-width: 1150px;
    }

    2) There is no option to make the single product page full width, but you can try to add the next custom CSS code in Custom CSS for desktop area:

    .single-product .content-page{
        width: 100% !important;
        max-width: unset !important;
        padding-left: 45px;
        padding-right: 45px;
    }

    Regards

    Avatar: Martine
    Martine
    Participant
    May 17, 2021 at 07:47

    Thankyou!!

  • Viewing 5 results - 1 through 5 (of 5 total)

The issue related to '‘width header’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.