Return to previous page

Header - by Elimy - on WordPress WooCommerce support

This topic has 17 replies, 3 voices, and was last updated 9 years, 4 months ago ago by Jack Richardson

Elimy

Participant

July 19, 2015 at 18:09

Hi !

So..

here are differents questions (with screenshots with notes).

1/ I would like to change header-height. I have tried some code in Custom CSS for desktop and mobile.
But I still have some problems. (Please, check the screenshots) Can you maybe check the codes and help me to solve the problems ?

2/ I would like to keep the header fixed. So, now they are a header, a fixed header, and a header for blog page. Can them be the same, and fixed ?

3/ I have added an image with a link in the header custom HTML. But I should maybe work with <div> in a child theme to add code on this button ?

I hope my notes are OK for you ?

Many many thanks !!
Eli

Please, contact administrator
for this information.

#75889 Copied

16 Answers
Eva Kemp

Support staff

July 20, 2015 at 12:42
Hello,

1. Please add this code in custom.css for fixed header:
```
.fixed-header-area .header-logo {
    padding: 0px 0px !important;
}
```
Sorry, but I don’t see any problems with header on home page.

2. The problem is caused by the code you added in Theme Options > Custom CSS:
```
.header-type-5 {
   margin-top: -28px !important;
   margin-bottom: -48px !important;
}
```
Remove it and check header on other pages.

3. Your last query is unclear. Could you please clarify what problems you have with the image?

Regards,
Eva Kemp.
#75963 Copied
Elimy

Participant

July 20, 2015 at 14:14

HI

Thanks but …

1. fixed header doesn’t work with that code …

2. I guess the problem is ’cause of the code.. but it’s to show you what I expect for all the three headers (home, fixed, blog) … I would like the reduce de height of the banner as I explain on the screenshot. The best should be that the header don’t change.

Can you help me ?

3. The problem with the image is that, on mobile, it’s to big. I would like it to me like in the screenshot: really smaller on mobile. So, I find a solution.

Tks !
Eli

#75990 Copied
Eva Kemp

Support staff

July 21, 2015 at 15:26
Hello,

I’ve added this code in Theme Options > Custom CSS:
```
.navbar {
    padding: 10px 0px !important;
}
.page-content {
    margin-top: 10px !important;
}
```
Please check your header now.
And this code for the image in mobile device:
```
.wp-image-17399 {
    width: 30% !important;
}
```
Also please update the theme to the latest version and Woocommerce as well.
Before update delete “woocommerce” folder in the directory wp-content/themes/woopress/ and it’ll be reuploaded from a new theme package.
Also update all required plugins https://www.8theme.com/download-plugins/ .

Don’t forget to create back up of your files and database before starting update process!

(it’s for Legenda theme but the process is the same).

Regards,
Eva Kemp.
#76240 Copied
Elimy

Participant

July 22, 2015 at 11:17

Hey !! so perfect !! Tks a lot.

Just a problem with the appaerance of the blog on mobile.
Here is a screenshot.

I guess it’s about the code.. but I don’t know how to make it working well.

Tks for your help !

Eli

Please, contact administrator
for this information.

#76399 Copied

Jack Richardson

Support staff

July 22, 2015 at 11:33

Hello,

Sorry, but I don’t see any issues. Could you please clarify what problem you have? Do you want to decrease header height on mobile device?

Thank you.
Best regards,
Jack Richardson.

#76405 Copied

Elimy

Participant

July 22, 2015 at 12:16

It’s about text… (header is perfect)
As you can see on the screenshot, the image of the second post is on the text of the first..
Everything is disturbed.

#76424 Copied

Eva Kemp

Support staff

July 22, 2015 at 13:58

Hello,

In this case you’d better use excerpts and not full content of your posts on Blog page.
How to add excerpts is written in this article:
https://www.8theme.com/blog/using-read-more-button-on-wordpress-blog/

Regards,

Eva Kemp.

#76479 Copied

Elimy

Participant

July 22, 2015 at 18:37

Thanks it’s working perfect. It’s a new option ? Before the last update, this “more” button was automatic, no ?

Eli

#76566 Copied

Eva Kemp

Support staff

July 22, 2015 at 20:33

Hello,

No, that option is present in WordPress editor by default.

You’re welcome.

Regards,
Eva Kemp.

#76581 Copied

Elimy

Participant

July 22, 2015 at 22:42

Ok tks Eva !

I made the update. But now, my wp-image-17399 doesn’t appear anymore in the fixed-header.
Can you help me ?

Tks a lot !

Eli

#76591 Copied

Elimy

Participant

July 23, 2015 at 09:11

And I have an other question about this button. I open a new topic to ask.

Eli

#76647 Copied

Eva Kemp

Support staff

July 23, 2015 at 09:14

Hello,

Did you add that image via php files in the theme?

Regards,
Eva Kemp.

#76648 Copied

Elimy

Participant

July 23, 2015 at 09:15

no it’s in the header custom HTML…

#76649 Copied

Jack Richardson

Support staff

July 24, 2015 at 13:14

Hello,

As I see in this topic https://www.8theme.com/topic/header-add-shortcode/ the changes were made in the header.php file. So I’ve edited it to display required button in fixed header area as was before theme update.
Please note that we recommend to make changes in a child theme to prevent of losing modifications after theme update. Otherwise you need to save changed file and reupload it after update.

Best regards,
Jack Richardson.

#76881 Copied

Elimy

Participant

July 27, 2015 at 10:49

Many thanks Jack !
I will try the Child Theme. It means a little bit complex, but I will try.

#77163 Copied

Jack Richardson

Support staff

July 27, 2015 at 14:07

Hello,

You’re welcome.

Best regards,
Jack Richardson.

#77228 Copied
Viewing 17 results - 1 through 17 (of 17 total)