Ixion Theme: Site Title on Mobile

jourdainscholarship · Member · Jan 26, 2017 at 2:58 am
Copy link

Add topic to favorites
I am using the Ixion theme and have a long site title, it looks great on desktop and tablet, yet when you get down to mobile the menu covers part of the site title. How can I fix this?

Thanks!!!!!!

The blog I need help with is: (visible only to logged in users)
staff-loquaciousloon · Staff · Jan 26, 2017 at 3:21 pm
Copy link
Hi there!

There is a small issue with the alignment of the logo/title and menus at the moment, and the design team is looking into it :)

We’ll keep you posted when we have more info!
unpopularblargh · Member · Feb 8, 2017 at 7:29 am
Copy link
Is there any update/fix to this issue yet?
staff-loquaciousloon · Staff · Feb 8, 2017 at 3:03 pm
Copy link
This particular issue is still under investigation, but we’ll be sure to post an update when we have some more info :)
joberrington · Member · Feb 19, 2017 at 3:22 pm
Copy link
Hi There, I’m wondering if a simple fix would be to remove the word menu. I can’t find a way to target the mobile menu. Could you post the css so I can see how to change it. cheers
staff-loquaciousloon · Staff · Feb 20, 2017 at 1:50 pm
Copy link
An interesting idea @joberrington :)

Give this CSS a try, it should hide the text, but leave the icon.
```
.main-navigation .menu-toggle {
    visibility: hidden;
    font-size: 0px;
}

.main-navigation .menu-toggle:before {
    visibility: visible;
    background-color: #a84c38;
    padding: .7em 1em;
    font-size: 14px;
}
```
It’s a little bit of a workaround, be kind of had to hide the whole thing and make it super small, then put the icon back to it’s original state.

It’s not perfect, but it does look like it helps a bit in some cases :)
joberrington · Member · Feb 20, 2017 at 2:15 pm
Copy link
Thanks so much Chad for getting back to me. I will try that.
This blip is such a shame as it’s a great looking site, really clean.
cheers Jo
joberrington · Member · Feb 20, 2017 at 2:17 pm
Copy link
Just tried it, it looks awesome. Sorry my site is not ready to publish yet so I can’t put up a link but it works a treat.
Thank you again
staff-loquaciousloon · Staff · Feb 20, 2017 at 7:26 pm
Copy link
You’re welcome! Thanks for sharing the idea :)
laurelfulford · Staff · Feb 27, 2017 at 10:24 pm
Copy link
Hello!

I wanted to follow up and let you know that this issue has been fixed in the Ixion theme.

It has been updated so the site title and logo do not display as wide.

You should be able to remove the CSS work around that’s hiding the text on the menu toggle (unless you prefer it that way, of course!).

Just let us know if you have any questions, or run into further issues.

Thanks!
joberrington · Member · Mar 5, 2017 at 7:08 pm
Copy link
This is great thank you. It seems to be working very well on my mobile.
joberrington · Member · Mar 5, 2017 at 7:11 pm
Copy link
This is great thank you. It seems to be working very well on my mobile.

No items found.