Smaller logo next to menu icon on mobile

Hello,

I would like to have the logo next to the menu icon on mobile view.
The size of the logo on desktop should not be changed



Mobile.JPG
54K

Comments

  • edited August 2018
    Hi richard-beukema

    KIndly first remove the below css code from your theme custom css box.

    @media (max-width: 480px) and (min-width: 320px){
    .logo_imgae {
        width: 331px !important;
    }}

    And kindly add the below css code in custom css box.

    @media (max-width: 480px) and (min-width: 320px){
    .logo_imgae {
        width: 180px !important;
        height: 50px !important;
    }}


    Let me know did it work.

    Thanks

  • It works!

    But now are the top mail icon and call icon tekst on the right.  Is it possible to center that text ?

  • Hi richard-beukema

    For the center, text add the below css code in custom css box.

    @media only screen and (max-width: 600px) {
        .custom-right-webriti {
        text-align: center  !important;
    }}

    Let me know did it work.

    Thanks
  • That works, thanks again.

    And how can I only change the color of the mail and telephone text ?

  • Hi 

    Add the below css code.

    .top-header-widget .widget li > a {
        color: #42a59d !important;
    }

    Let me know did it work.

    Thanks
  • Thanks,

    Now i can change the color off the text.
    I also would like to change the colour of the icons

  • Hi 

    Add the below css code in custom css box.

    .header-contact-info li {color:#a93e3e;}

    Let me know did it work.

    Thanks
  • Nope, nothing chanced
  • Hi 

    Add the below css code.

    .header-contact-info li {color:#a93e3e !important;}

    Thanks

  • Yeah it works!

    And i would like to change the background colour of the settings information bar and the team section

    When thats done, you can close this ticket.

  • Hi 

    Ok kindly add the below css code.

    .header-title {
        background-color: #0293ff !important;
    }
    .team-bg {
        background-color: #0293ff !important;
    }

    Let me know did it work.

    Thanks
  • Yep thats works, but no i have to change this text colour to for the header and team.
  • Hi 

    Add the below css code.

    .header-title h2 {
        color: #0d0000 !important;
    }
    .team-bg .section-heading {
        color: #0d0000 !important;
    }
    .section-title p, .section-title-small p {
        color: #0d0000 !important;
    }
    .team-bg h4.team-name { color: #0d0000;}
    .team-bg span.team-designation{ color: #0d0000; }

    Let me know did it work.

    Kindly create the separate ticket for another issue because multiple issues in single thread create complexity to handle better support query.

    Thanks
  • Thanks, this works.

    Great support!!

    Your right, you can close this ticket.

  • Hi richard-beukema

    Glad to know it worked for you. If you like our theme and help kindly share your feedback: 


    We highly appreciate if you kindly take a few minutes to give us your feedback.

    If you have any query, please let me know.

    Thanks
This discussion has been closed.