Return to previous page

Apply same CSS formatting to fixed nav bar as regular header

This topic has 9 replies, 2 voices, and was last updated 9 years, 1 months ago ago by Eva Kemp

JonathanWhite

Participant

October 15, 2015 at 16:57
I’ve just enabled ‘fixed nav bar’ and the nav bar that follows as I scroll down the page has different formatting to the standard nav bar. I’ve entered some custom CSS for the standard navbar that doesn’t seem to be applied to the fixed nav bar that follows down the page…

For example:
```
.header-logo {
   float: right;
}
.tbs {
   float: left;
}
```
Please, contact administrator
for this information.
#94244 Copied Theme version: 2.5 WooCommerce version: 2.4.7
8 Answers

Eva Kemp

Support staff

October 15, 2015 at 17:31

Hello,

As I see logo is hidden in the header. Please clarify what exactly you want to achieve.

Regards,
Eva Kemp.

#94255 Copied

JonathanWhite

Participant

October 20, 2015 at 13:29

Hi Eva,

Sorry that my description wasn’t clear enough. I’ve created a screenshot of the two types of header to show how they aren’t the same.

I need the formatting and structure of the ‘Fixed navigation header’ to match that of the ‘Static header’

Let me know if you need more info.

#95088 Copied
Eva Kemp

Support staff

October 20, 2015 at 13:39
Hello,

Please add this code in Theme Options > Custom CSS > Custom CSS for desktop:
```
.fixed-header-area .collapse {
    float: left;
    padding-top: 20px;
}
```
Regards,
Eva Kemp.
#95097 Copied
JonathanWhite

Participant

October 20, 2015 at 13:47
Thanks Eva, that’s gotten me most of the way there. The ‘Que Vins’ logo doesn’t align to the middle. Previously we changed the alignment of the logo in the fixed header using:
```
.header-logo{
margin-right: 308px;
}
```
Would a similar thing work on the logo ‘Fixed navigation header’? Do you know the element that I would need to edit in CSS?
#95101 Copied
JonathanWhite

Participant

October 20, 2015 at 13:52

Please disregard and delete this reply regarding changing the wording of ‘Quantity’ in the checkout page. It’s a separate topic and I’ve created a new post for it. I just haven’t figured out how to delete this post…

#95106 Copied
Eva Kemp

Support staff

October 20, 2015 at 13:57
Hello,

The post has been deleted.

Concerning the logo please use this code in Custom CSS for desktop:
```
.fixed-header-area .header-logo {
    margin-right: 220px;
}
```
Regards,
Eva Kemp.
#95110 Copied
JonathanWhite

Participant

October 22, 2015 at 08:52

Thanks Eva, that’s allowed me to modify the alignment of the logo.

#95542 Copied

Eva Kemp

Support staff

October 22, 2015 at 09:06

Hello,

You’re welcome.

Regards,
Eva Kemp.

#95545 Copied
Viewing 9 results - 1 through 9 (of 9 total)