This topic has 10 replies, 2 voices, and was last updated 8 years by 
-
-
Hello,
Here is my setting on theme: http://prntscr.com/iulyhe
Main Menu Full Width
Compact overflowing menu items
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
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 solutionthanks.
Please check the screenshot:http://prntscr.com/ivc5yb
How to make the Text logo to align center please?
Alex
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 solutionSorry, it is not accessible temporarily for debug, and it is already recovered.
For now, I remove that css, but any way, you can try it with your confidential:
Also, I found the secondary menu does not with “Compact overflowing menu items”
also, you may try on these two sites, and the second one with chinese text logo:
https://www.lovcour.com
https://support.lovcour.comEConfidential
seventhqueen
ZOAzoNCCeNbxip!a7y*wH6h1thank
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 solutionHello,
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:
or, please check directly at https://support.lovcour.com
Hello, yes, please add this too and let me know if it fix the issue.
COPY CODEstrong.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 solutionHello 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
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
The forum ‘Bugs & Issues’ is closed to new topics and replies.