Return to previous page

Larger logo - by Raphaelle - on WordPress WooCommerce support

This topic has 22 replies, 4 voices, and was last updated 6 years ago ago by Rose Tyler

Raphaelle

Participant

October 3, 2017 at 15:15

Hi,
on my website touteslavie.com I uploaded my logo, but I want it bigger. How can I manage that?
Kind regards,
Raphaëlle

#174110 Copied Theme version: Lifestyle Default

21 Answers
Rose Tyler

Support staff

October 3, 2017 at 15:50
Hello,

You may use this code in Theme Options > Styling > Custom css:
```
.header-logo img {
    max-width: 360px;
}
```
Regards
#174116 Copied
Raphaelle

Participant

October 3, 2017 at 16:00

Thank you very much!

#174117 Copied

Rose Tyler

Support staff

October 3, 2017 at 16:01

You’re welcome!

Regards

#174119 Copied

temppelinemanta

Participant

March 22, 2018 at 08:57

Hi!

Link to my problems: http://prntscr.com/iuo6ka
1. how to add the link “yhteystiedot” to the same row as all the other links on the top bar -> 2.?
3. I want the header logo image to be shown larger, is it possible?

Topic for these questions maybe not right, but I couldn`t find the way to create a new topic, sorry. :/

– Anette –

#188957 Copied Theme version: lifestye
Rose Tyler

Support staff

March 22, 2018 at 09:46
Hello @temppelinemanta,

Here you can find “Submit new topic” button https://www.8theme.com/forums/lifestyle-wordpress-support-forum/
1. Please use this custom css code:
```
.header-wrapper.header-top-menu .navbar-header {
    width: 20% !important;
}
.header-wrapper.header-top-menu .menu-wrapper {
    width:  80% !important;
}
.header-wrapper.header-top-menu .menu {
    max-width: 100%;
}
```
2.
```
.header-wrapper .header-logo img {
    max-width: 300px;
}
```
Regards
#188964 Copied
QDH

Participant

March 23, 2018 at 10:30

Bonjour,

J’ai utilisé ce code mais le logo n’est pas plus grand.

Pourriez-vous regarder sur le site internet s’il vous plaît ?

#189092 Copied
Rose Tyler

Support staff

March 23, 2018 at 10:37
Hello @QDH,

Please use this code:
```
.header-wrapper .header-logo img {
    max-width: 500px;
    width: 500px;
}
```
Regards
#189094 Copied
temppelinemanta

Participant

March 26, 2018 at 11:02

Hi!

Looks like this now… http://prntscr.com/iwgtn0

#189231 Copied

Rose Tyler

Support staff

March 26, 2018 at 13:20

Hello @temppelinemanta,

Please clear cache and check now.

Regards

#189252 Copied

temppelinemanta

Participant

March 26, 2018 at 15:57

Hi!

Looks wonderful with crome, but with Explorer it looks like this..http://prntscr.com/iwlb21.

What to doo?

#189283 Copied

Rose Tyler

Support staff

March 27, 2018 at 09:27

Hello @temppelinemanta,

Please clear cache and check now.

Regards

#189343 Copied

temppelinemanta

Participant

March 27, 2018 at 14:41

Hi!

Still looks like this with explorer… http://prntscr.com/ix21jz

#189407 Copied

Rose Tyler

Support staff

March 27, 2018 at 14:45

Hello @temppelinemanta,

Make sure that you cleared cache.

Regards

#189410 Copied

temppelinemanta

Participant

March 27, 2018 at 14:50

Hi,

yes i did so.

#189411 Copied

Rose Tyler

Support staff

March 27, 2018 at 15:12

Hello @temppelinemanta,

Please clear cache and check one more time.

Regards

#189413 Copied

temppelinemanta

Participant

March 27, 2018 at 15:22

Hi!

Now it´s perfect! Thank You! 🙂

– Anette –

#189418 Copied

Rose Tyler

Support staff

March 27, 2018 at 15:32

Dear @temppelinemanta,

You’re welcome!

Regards

#189419 Copied

temppelinemanta

Participant

April 25, 2018 at 09:19

Hello!

My “search button” won´t work properly at the computer. See the problem here:
http://prntscr.com/j9u07v

There is no problem with mobile.

– Anette –

#191914 Copied Theme version: Lifestyle
Rose Tyler

Support staff

April 25, 2018 at 10:20
Hello @temppelinemanta,

Please add this code in Custom css for desktop:
```
.header-wrapper.header-top-menu #searchform span i {
    line-height: 60px;
    font-size: 18px;
    width: 100%;
    text-align: center;
}
.header-wrapper.header-top-menu #searchform span {
    height: 60px;
    width: 50px;
    padding-right: 0;
    cursor: pointer;
    z-index: 1;
    top: 0;
    right: 0;
    position: absolute;
    display:  block;
    color: #666;
}
.header-wrapper.header-top-menu .header-search button,
.header-wrapper.header-top-menu #searchform.searchbox-open span {
    visibility:  hidden;
    z-index:  -1;
}
.header-wrapper.header-top-menu .header-search .searchbox-open button {
    visibility:  visible;
    z-index:  1;
}
```
Regards
#191927 Copied
1 2

Viewing 20 results - 1 through 20 (of 22 total)