Return to previous page

Change logo size in the header when scrolling down

This topic has 2 replies, 2 voices, and was last updated 1 years, 1 months ago ago by Tony Rodriguez

Elisabetta23

Participant

October 3, 2023 at 18:09

Hi,
I can’t figure out how to change the size of the logo to make it smaller when scrolling down. However, it should not change the size of the logo in the header when accessing the website.
Thank you

#369240 Copied Theme version: 9.1.13

1 Answer
Tony Rodriguez

Support staff

October 4, 2023 at 05:57
Hello, @Elisabetta23,

Thank you for choosing XStore as your WooCommerce WordPress theme.

If you are interested in modifying the size of the logo in the header as you scroll down, kindly follow these instructions. Please copy and paste the provided CSS code into the following location: XStore > Theme Options > Theme Custom CSS > Global CSS. Once you have done this, please ensure you click ‘Publish’.
```
.sticky-on .et_b_header-logo.et_element-top-level img {
    width: 100px !important;
}
```
We trust that this will effectively resolve your issue.

Best Regards,
Team 8Theme.
#369252 Copied
Tagged: change logo size, customize website, header scrolling, improve user experience, web design tips, woocommerce, wordpress templates
Viewing 2 results - 1 through 2 (of 2 total)