Return to previous page

More in-depth header customization - by levytskiy

This topic has 9 replies, 3 voices, and was last updated 9 years, 4 months ago ago by Robert Hall

levytskiy

Participant

August 17, 2015 at 19:47

Hi,
I am wondering if I can customize my header more, I have this type of header –

I would like to have following structure –

Thanks!

Please, contact administrator
for this information.

#80511 Copied Theme version: 2.8.1 WooCommerce version: 2.4.1

8 Answers

Eva Kemp

Support staff

August 17, 2015 at 19:49

Hello,

In this case you have to edit header.php file. We recommend to make changes in a child theme http://codex.wordpress.org/Child_Themes not to lose modifications after theme update.

Regards,
Eva Kemp.

#80512 Copied

levytskiy

Participant

August 18, 2015 at 09:50

Ok, I found where I need to insert my image and text in header.php, I need to know how do I add image and make it disappear when the width of screen is, for example, less than 960px. Maybe you have predefined class in style.css file that I can use to this elements?
Thanks!

#80625 Copied

Robert Hall

Support staff

August 18, 2015 at 09:59

Hello,

Could you please provide us with link to page and screenshot what element you want to hide?

Regards,
Robert Hall.

#80634 Copied

levytskiy

Participant

August 18, 2015 at 12:46

All is in Private Section.

Please, contact administrator
for this information.

#80688 Copied

levytskiy

Participant

August 18, 2015 at 13:03

I figured out how to hide it on mobile and tablet, using CSS classes hidden-phone and hidden-tablet.

When the width is >1200px everything is OK.
When the width is <980px everything is OK. (it is hidden)
When the width is between 980px and 1200px the image is fitted to the screen size, but I want it to be bigger than it is now, not so small.

Hope you’ll help me 🙂

#80693 Copied
Robert Hall

Support staff

August 18, 2015 at 13:08
Hello,

Try to use this code in custom.css file.
```
.hidden-phone.hidden-tablet img{
max-width: 360px;
}
```
Regards,
Robert Hall.
#80695 Copied
levytskiy

Participant

August 18, 2015 at 13:43

Thanks a lot,
and one more question, how do I add some text ABOVE my cart in header, I want to add just 3 rows of text with phone numbers, is it possible?

#80712 Copied

Robert Hall

Support staff

August 18, 2015 at 13:51

Hello,

In this case you need edit header.php file too.

Regards,
Robert Hall.

#80716 Copied
Tagged: best selling, customization, header, in-depth, themes, woocommerce
Viewing 9 results - 1 through 9 (of 9 total)