Larger logo - by Raphaelle - on WordPress WooCommerce support

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

  • Avatar: raphaelleschill
    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

    21 Answers
    Avatar: Rose Tyler
    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

    Avatar: raphaelleschill
    Raphaelle
    Participant
    October 3, 2017 at 16:00

    Thank you very much!

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 3, 2017 at 16:01

    You’re welcome!

    Regards

    Avatar: temppelinemanta
    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 –

    Avatar: Rose Tyler
    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

    Avatar: QDH
    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 ?

    Avatar: Rose Tyler
    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

    Avatar: temppelinemanta
    temppelinemanta
    Participant
    March 26, 2018 at 11:02

    Hi!

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

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 26, 2018 at 13:20

    Hello @temppelinemanta,

    Please clear cache and check now.

    Regards

    Avatar: temppelinemanta
    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?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 27, 2018 at 09:27

    Hello @temppelinemanta,

    Please clear cache and check now.

    Regards

    Avatar: temppelinemanta
    temppelinemanta
    Participant
    March 27, 2018 at 14:41

    Hi!

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

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 27, 2018 at 14:45

    Hello @temppelinemanta,

    Make sure that you cleared cache.

    Regards

    Avatar: temppelinemanta
    temppelinemanta
    Participant
    March 27, 2018 at 14:50

    Hi,

    yes i did so.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 27, 2018 at 15:12

    Hello @temppelinemanta,

    Please clear cache and check one more time.

    Regards

    Avatar: temppelinemanta
    temppelinemanta
    Participant
    March 27, 2018 at 15:22

    Hi!

    Now it´s perfect! Thank You! 🙂

    – Anette –

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 27, 2018 at 15:32

    Dear @temppelinemanta,

    You’re welcome!

    Regards

    Avatar: temppelinemanta
    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 –

    Avatar: Rose Tyler
    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

    Avatar: temppelinemanta
    temppelinemanta
    Participant
    April 25, 2018 at 10:26

    Thank You 🙂

    – Anette –

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 25, 2018 at 10:30

    Dear @temppelinemanta,

    You’re welcome!

    Regards

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

You must be logged in to reply to this topic.Log in/Sign up

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.