4 replies · opened Apr 22, 2023
Hello, I added a line of text above the navigation and on Mobile view the hamburger button appears in the wrong place. Is there a feasible way of having the text appear in that position but not interfere with the mobile menu placement? I tried adding widths and position selectors with CSS, but maybe you know a better method?
Thanks
Rob
Hello,
Consider trying this format:
[ch_pre]
[/ch_pre]
This might work fine. Hope this Helps!
The Header uses Flex Grid, so you can use it any format you like, however, you will need to customize this manually.
Let us know if we can help you with anything else or if you find any further issues.
Hello, this did help me, i added css to place the trigger where i wanted:
@media only screen and (max-width: 820px) {
#primary-menu-trigger, #page-menu-trigger {
position: absolute;
top: 30px;
right: 0;
}}
Thanks for the help
Hello again. I was just thinking, would it be possible to make the tagline disappear like a sticky header logo? Currently I have taken out the sticky header functionality but would prefer have it working if this is possible.
UPDATE: Having written the question I realised i had the solution. Might as well post this incase it helps anyone else!
so I added CSS rule like the rule for the sticky header logo that changes it's size
.sticky-header-shrink #header-wrap #tagline {
display: none;
}
:)
Hello,
Glad the issues were resolved and Thank You so much for sharing your Solutions.
Do let us know if we can help you with anything else or if you find any further issues with Canvas.
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