Return to previous page

Remove padding from border to logo and chart image and border

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

Bisisica

Participant

November 2, 2017 at 09:00

Hi,

I want to remove padding from border to logo and also remove padding from chart image to the other border to make additional space for the menu items. I use heading 4.

Thanks

#176639 Copied

11 Answers

Rose Tyler

Support staff

November 2, 2017 at 09:05

Hello,

Please provide link to your site and screenshot to better understanding desired displaying.

Regards

#176640 Copied

Bisisica

Participant

November 2, 2017 at 09:12

https://prnt.sc/h55ra2

Remove the red space (padding) to make more space to add more items to navigation menu (blue).

Thanks

#176641 Copied
Rose Tyler

Support staff

November 2, 2017 at 09:18
Hello,

It would be better for me to see your site.
Please try to add this code in Custom css for desktop:
```
.main-header > .container {
    width: 80%;
}
.header-logo {
    width: 30%;
}
```
Regards
#176643 Copied
Bisisica

Participant

November 2, 2017 at 09:22

https://patchoulistore.ro

No changes with the custom css but 100% instead of 80% is ok 🙂

#176644 Copied

Rose Tyler

Support staff

November 2, 2017 at 09:29

Great. Feel free to ask if you have any other questions.

Regards

#176645 Copied

Bisisica

Participant

November 2, 2017 at 09:39

The big navigation bar is ok but the small one is not.
https://prnt.sc/h562e1

Please send me the custom css for the small one.

Thanks.

#176650 Copied

Rose Tyler

Support staff

November 2, 2017 at 09:45

I do not see problem http://prntscr.com/h565bt Is it solved?
Don’t forget to clear cache before checking custom css effect.

Regards

#176654 Copied

Bisisica

Participant

November 2, 2017 at 09:52

Please check again, it is not solved.
https://prnt.sc/h567fq This is the second menu bar (with logo + navigation + cart etc.) when you scroll down.

The main menu bar is ok, only the header bar when you scroll down is not on (the one with the logo at a smaller size).

Thanks.

#176655 Copied
Rose Tyler

Support staff

November 2, 2017 at 10:02
Oh I see, please change previous code
```
.main-header > .container {
    width: 100%;
}
```
to:
```
.fixed-header > .container, .main-header > .container {
    width: 100%
}
.fixed-header-area .header-logo {
    width: 5%;
}
```
Regards
#176657 Copied
Bisisica

Participant

November 2, 2017 at 10:05

Perfect 🙂

Thank you for the great support!

#176658 Copied

Rose Tyler

Support staff

November 2, 2017 at 10:06

You’re welcome!
If you’re happy with our service, don’t forget to rate us 5 stars in ThemeForest. 🙂

Regards

#176659 Copied
Viewing 12 results - 1 through 12 (of 12 total)

The issue related to '‘Remove padding from border to logo and chart image and border’' has been successfully resolved, and the topic is now closed for further responses

Remove padding from border to logo and chart image and border

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection