2 replies · opened May 13, 2017
Hi,
I am having this problem with my header at www.excelautomation.com. At a laptop resolution, the header is being split into 2 lines. How can I avoid this so that the header will be consistent throughout all resolution.
Link: www.excelautomation.com
Thank you,
Cheers,
Ravi.
Hello,
This issue is because your Logo is too large and since your Website is using the Full Header, the Menu Area becomes limited because of the Large Logo. In order to fix this, we will need to resize the Logo and also squeeze the Text Size/Padding of the Primary Menu Items to accommodate the Menu. Consider using the following CSS Code:
.device-md #logo img {
height: 70px;
margin-top: 15px;
margin-bottom: 15px;
}
#header.full-header #primary-menu > ul {
float: left;
padding-right: 0;
margin-right: 0;
border-right: 0;
}
.device-md #primary-menu ul li > a {
padding-left: 12px;
padding-right: 12px;
font-size: 12px;
letter-spacing: 0px;
}This will definitely fix your issue. Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
Thank you very much. You are an awesome team.
Please close this ticket.
Cheers,
Ravi.
Have the same question, or something new?
Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.
Reply on the dashboard