Header Text Overflow on Mobile

[Lim]

Hello there,

My site is here: http://icecreammilktea.net/releases/

Problem 1: The header (element: text) looks great on the PC, but it overflows on my mobile (screenshot: http://tinypic.com/view.php?pic=s5zsxk&s=9). Might there be an easy fix for this?

Problem 2: I’ve a “navigation inline” element on my page, set to the Integrity preset. May I know if there’s anyway I could change the color of the navigation background, and the navigation text?

Thank you very much!

[christopher]

Hi there,

1. The text you have added as the header is not suitable for the mobile view as it is too big. I suggest that you use the methods to make it responsive. For more information:
   https://theme.co/apex/forum/t/responsive-text-header/15574/2

2. Go to X > Launch > Options > Header > Link-Text to change the color and on mouse over the color of the text in the navbar. For the background color it seems that you have a custom CSS code in X > Launch > Options > CSS:

.x-navbar {
    background-color: #0f173e !important;
    border: 0;
}

Change the color of the background there.

Thank you.

[Lim]

Hello Christopher,

Noted on (1).

As for (2), I wasn’t talking about the navbar. It’s the “navigtation inline” element that I have included in one of the sections on my page - right below the header. It currently has two menu options: “DDP, JDP, and CDP”, and “Double Majors”. Clicking on it navigates to different sections of the page.

As you can see, the white text isn’t too visible against my background, and I’d like an option to change its background or font color.

Thank you.

[christian]

Hey @Lim,

There is no background option for the Navigation Inline. If you want a background that spans fullwidth, you will want to apply the background to the section containing your Navigation Inline. You can apply the background to the column if you want it contained

The menu item font color is under Navigation Inline > Top Links > Text

Hope that helps.

[Lim]

Right - of course. Thank you very much, @christian_y! You’ve been a great help

[ruenel]

You’re welcome!
Thanks for letting us know that it has worked for you.