This topic has 10 replies, 2 voices, and was last updated 6 years by Laura.

  • Author
  • #192661
     alexlii
    Participant

    Hello,

     

    Here is my setting on theme: http://prntscr.com/iulyhe

    Main Menu Full Width

    Compact overflowing menu items

    http://prntscr.com/iulyhe

    different situations:

    1# One word, for example: LOVCOUR, no problem.

    2# more that one word: mercedes benz, the text logo will be two or more line in small computer, like thinkpad X201 or Apple macbook-air: http://prntscr.com/ium12e, and I think the reasonable way is still keep the text logo as one line.

    3# There are both english and Chinese in text logo, it will also looks in more than one lines even if  there is no blank space between english and chinese, : http://prntscr.com/ium2nw, and I think the reasonable way is still keep theme as one line.

     

    Alex

     

     

    #192765
     Laura
    Moderator

    Hello, please try by adding this to style.css of child theme

    COPY CODE
    
    @media (min-width: 991px) {
    strong.logo a {
        font-size: 17px !important;
    }
    .primary-menu.collapse.navbar-collapse.nav-collapse {
        margin-left: -10%;
    }
    .kleo-main-header.header-split .container {
        padding: 0px !important;
    }
    ul#menu-second-menu a {
        font-size: 10px !important;
    }
    }
    
    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    Laura Solanes - Graphic Designer and Web Designer

    Please be patient as I try to answer each topic as fast as i can.

    If you like the theme or the support you've received please consider leaving us a review on Themeforest!

    Always happy to help you 🙂

    #192799
     alexlii
    Participant

    thanks.

    Please check the screenshot:http://prntscr.com/ivc5yb

    How to make the Text logo to align center please?

    Alex

    #192939
     Laura
    Moderator

    Hello, i can’t access your website, let me know 🙂

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    Laura Solanes - Graphic Designer and Web Designer

    Please be patient as I try to answer each topic as fast as i can.

    If you like the theme or the support you've received please consider leaving us a review on Themeforest!

    Always happy to help you 🙂

    #192946
     alexlii
    Participant
    This reply has been set as private.
    #192947
     alexlii
    Participant
    This reply has been set as private.
    #193103
     Laura
    Moderator

    Hello, try with this

    COPY CODE
    
    .kleo-main-header.header-split .container {
        margin-left: 9%;
    }
    

    🙂

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    Laura Solanes - Graphic Designer and Web Designer

    Please be patient as I try to answer each topic as fast as i can.

    If you like the theme or the support you've received please consider leaving us a review on Themeforest!

    Always happy to help you 🙂

    #193139
     alexlii
    Participant

    Hello,

    Should I put all of those CSS together? like in this way?

    COPY CODE
    @media (min-width: 991px) {
    strong.logo a {
        font-size: 17px !important;
    }
    .primary-menu.collapse.navbar-collapse.nav-collapse {
        margin-left: -10%;
    }
    .kleo-main-header.header-split .container {
        padding: 0px !important;
    }
    ul#menu-second-menu a {
        font-size: 10px !important;
    }
    }
    
    .kleo-main-header.header-split .container {
        margin-left: 9%;
    }

    If yes, the text logo will be shown by more that one lines on small computer, please check:

    http://prntscr.com/iwvmzi

    or, please check directly at https://support.lovcour.com

    #193246
     Laura
    Moderator

    Hello, yes, please add this too and let me know if it fix the issue.

    COPY CODE
    
    strong.logo a {
        font-size: 18px !important;
    }
    
    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    Laura Solanes - Graphic Designer and Web Designer

    Please be patient as I try to answer each topic as fast as i can.

    If you like the theme or the support you've received please consider leaving us a review on Themeforest!

    Always happy to help you 🙂

    #193291
     alexlii
    Participant

    Hello Laura,

    This is all of the css at I used, and I adjust logo font size to 25px as below:

    COPY CODE
    @media (min-width: 991px) {
    strong.logo a {
        font-size: 17px !important;
    }
    .primary-menu.collapse.navbar-collapse.nav-collapse {
        margin-left: -10%;
    }
    .kleo-main-header.header-split .container {
        padding: 0px !important;
    }
    ul#menu-second-menu a {
        font-size: 10px !important;
    }
    }
    
    .kleo-main-header.header-split .container {
        margin-left: 9%;
    }

    and here is the screenshot in Max bookair:

    obviously, it show as two line:http://prntscr.com/iwvmzi

    or please check at the site at https://support.lovcour.com, and adjust the browser to small window.

    Thanks.

    Alex

    #193422
     Laura
    Moderator

    Hello, if you change the font size, the same will happen, i shared the code with the correct font size to fix the issue, do not change it to 25

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    Laura Solanes - Graphic Designer and Web Designer

    Please be patient as I try to answer each topic as fast as i can.

    If you like the theme or the support you've received please consider leaving us a review on Themeforest!

    Always happy to help you 🙂

Viewing 11 posts - 1 through 11 (of 11 total)

The forum ‘Bugs & Issues’ is closed to new topics and replies.

Log in with your credentials

Forgot your details?