Bug with text logo

[alexlii]

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

 

 

[Laura]

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 🙂

[alexlii]

thanks.

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

How to make the Text logo to align center please?

Alex

[Laura]

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 🙂

[alexlii]

This reply has been set as private.

[alexlii]

This reply has been set as private.

[Laura]

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 🙂

[alexlii]

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

[Laura]

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 🙂

[alexlii]

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

[Laura]

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 🙂

[Author]

Posts