Return to previous page

Header/ Logo - by awdigital - on WordPress WooCommerce support

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

awdigital

Participant

March 8, 2017 at 06:47

Hi,

I am having trouble with the following (links in private message)

1. The logo is not centred and appears to be towards the right.
2. When screen size is reduced, the wishlist, shopping cart icons overlap the logo in header section.
3. I need to add padding on both sides of the navigation menu/wishlist row in the header so it appears more centred.
4. Also need to add padding to fixed header as the logo and widgets appear to be on the edge on both sides.
5. I have opted to make the header transparent, however is thera way to adjust opacity and make it semi-transparent?

Look forward to your advice.

Thanks.

Please, contact administrator
for this information.

#156449 Copied

6 Answers

awdigital

Participant

March 10, 2017 at 01:14

HI, I am awaiting you advice on this. Thank you.

#156634 Copied
Olga Barlow

Support staff

March 11, 2017 at 13:12
Hello,

Sorry for the delay in answering.

1. It could be centered inside to menu block http://prntscr.com/eilx1d Do you want to center it due to whole container width?
2. Check now.
3. Provide me screenshot for better understanding.
4. Provide me screenshot for better understanding.
5. Use custom CSS instead of theme option in this case (Theme Options > Styling > Custom CSS) I have added
```
.template-container .fixed-header {
    background-color: rgba(255, 255, 255, 0.5);
}
```
Regards
#156741 Copied
awdigital

Participant

March 13, 2017 at 04:06

Hi, Thanks! Except for 2 minor issues with the header/logo everything else seems to be working fine now.

1. I need to increase the size of the logo but I can’t find the option to that.
2. The nav menu is sitting too close to the logo and need to ass some padding between the logo and the menu.

Please see link in private message.

Please, contact administrator
for this information.

#156783 Copied
Rose Tyler

Support staff

March 13, 2017 at 15:33
Hello,

Please, try to use this code:
```
.header-xstore .header-logo {
    width: 28%;
}
.menu-wrapper.menu-align-right .menu a {
    font-size: 12px;
    padding: 0.77em;
}
.header-xstore .menu-wrapper {
    width: 54%;
}
.header-xstore .navbar-header {
    width: 18% !important;
}
```
Regards
#156848 Copied
awdigital

Participant

March 14, 2017 at 05:59

Hi, I’ve aded the code to custom CSS but it hasn’t made any difference. Please see private message for admin details. Thanks.

Please, contact administrator
for this information.

#156872 Copied

Rose Tyler

Support staff

March 14, 2017 at 15:49

Hello,

You had some issue in Custom css. I’ve changed it. Please check.

Regards

#156932 Copied
Viewing 7 results - 1 through 7 (of 7 total)