3 replies · opened Jan 26, 2019
Hi,
My headers are similar to index-shop.html (without cart) but I am using page title too. My logo is 250x100. When I scale the page from right to left, the responsiveness is broken. Title overlaps menu bar while the logo stands alone with nothing besides it.
If I put back the canvas logo, all is fine so it really seem to be my logo size who breaks things.
Thank you for your help,
Robert
Hi,
I did not get any response for my issue described above. Can I please get help?
If you want to reproduce, use index-shop.html, add page-title section, then use a 245x100 logo and see the responsive breaks.
Attached is a crop of the issue:
P.S.: I intend to use a smaller page-tilte. Here is the custom code I intend to use:
#page-title {
position: relative;
padding: 30px 0;
background-color: #F5F5F5;
border-bottom: 1px solid #EEE;
}
Thank you, a reply would be greatly appreciated.
Hello,
Please consider using the following code:
.device-lg #primary-menu ul li > a {
padding-left: 12px;
padding-right: 12px;
}This should fix the issue. Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
You are great!
Thank you, all fixed.
Robert
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