Return to previous page

How to make the "header-wrapper" a fixed header? Also, different logo on mobile?

This topic has 5 replies, 3 voices, and was last updated 10 years, 1 months ago ago by Robert Hall

aaspri

Participant

October 14, 2014 at 07:19

Is there a way to remove the “fixed-header” and simply have the “header-wrapper header-type-1 header-scrolling” as a fixed header? If so, that would be great!

Also, can I add facebook/twitter/youtube (social buttons) in the Top Bar?

Lastly, is there a chance to have a different Logo for the mobile?

Many thanks in advance!

Cheers!

#19577 Copied

4 Answers

aaspri

Participant

October 14, 2014 at 08:39

Also, I want my Logo to stick out in the page of a bit.

Example: http://www.fender.com/

When you scroll down, I want the logo to still be sticking out, while touching the top of the page (along with what I asked for in the original post).

I added 2 screenshots of what exactly I want in the Private Content

Please, contact administrator
for this information.

#19589 Copied

Eva Kemp

Support staff

October 14, 2014 at 14:06

Hello,

Unfortunately we don’t have such features for the fixed header and logo. Sorry.
You can add social media icons inserting the code into Text widget and add it to “Place in header top bar” widget area. The code of icons can be found on help pages of social websites.

Please take our apologies for inconveniences.

Regards,
Eva Kemp.

#19643 Copied

aaspri

Participant

October 14, 2014 at 14:13

Is there a way to at least have the logo stick out as shown in the screenshots?

Also, when I try to add anything to the top bar, it goes in a different line than the top bar and is thus invisible… Also, how can I make the languages in the top bar change color when hovered over (like the rest of the buttons in the top bar/header)?

Please see the private content:

Please, contact administrator
for this information.

#19646 Copied
Robert Hall

Support staff

October 14, 2014 at 18:09
Hello,

You can add this code into custom.css file to achieve hover on languages section.
```
.lang_sel_sel:hover{
color:grey;
}
```
Here is a video tutorial how to create custom.css: https://www.youtube.com/watch?v=Qok2zRedRMY&feature=youtu.be.

Regards,
Robert Hall.
#19737 Copied
Viewing 5 results - 1 through 5 (of 5 total)

The issue related to '‘How to make the "header-wrapper" a fixed header? Also, different logo on mobile?’' has been successfully resolved, and the topic is now closed for further responses

How to make the "header-wrapper" a fixed header? Also, different logo on mobile?

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection