Change color of top bar text on mobile

Support
#1

Hi everyone,

On this website https://lunterenaktief.nl i’ve white text and icons on a blue background in the top bar. However om mobile the text is not readable because the background color changes to white. I would like to have the text readable by removing the white background color or change the text to a darker color.

Here is a screenshot: https://cl.ly/f196e7bfc1e8

My second question. Would it be possible to reduce to size of the logo in iPad landscape mode to accommodate for the menu. Or prehaps to change to menu to the hamburger style on this device?
See screenshot: https://cl.ly/7dd94c41e652

Best regards
JP Hoey

#2

Hi JP,

Please kindly add the CSS code below to X > Theme Options > CSS to get around the white background problem:

@media (max-width: 767px) {
    body .x-topbar .p-info {
        background-color: #0082CE !important;
    }
}

To get around the Ipad device size problem please kindly add the CSS code below to X > Theme Options > CSS:

@media (max-width: 1106px) and (min-width: 980px) {
    .x-navbar-inner .x-container.width {
        width: 98%;
    }
}

Just to give context, the problem caused by the additional customization that you added and the menu items count. The code we provided is just to bring back this to the original state so you will not experience the problem.

Kindly open up new threads for additional questions as it will help us to focus on each issue and give you better support which you deserve. Having a long thread makes the maintaining job harder and also it will be harder for the other customers to find the correct information if they have similar issues. You are always welcomed to reply to this thread to follow up the same question.

Thank you.

#3

Thanks, it works great.

I have another question about the translation files.
I had this domain on a staging site and there the translation was working fine. But now thats its moved to its proper domain the translation won’t work anymore. Everything is still in English instead of Dutch.

Any ideas on what may be causing this?

Thanks

#4

Hi JP Hoey,

Were you able to update all the URL from the previous domain to the new domain?

To make sure of that, please install the Better Search Replace plugin then do the following:


    search for https://olddomain.com and replace it with https://newdomain.com and
    search for https:\/\/olddomain.com and replace it with https:\/\/newdomain.com

Kindly change the URLs above with the correct URLs of your site with the previous and the current domain.

Let us know how it goes.

#5

No, still getting the English version.

#6

Hey Ferdia,

Did you imported or copied the translation files from your staging url to the live site? You may missed something in the translation which is why you are still seeing the English version. Would you mind providing us access to your site so that we can check your settings? Please create a secure note with the following info:
– Link to your site
– WordPress Admin username / password
​
To know how to create a secure note, please check this out: https://theme.co/apex/forum/t/how-to-get-support/288

Kindly let us know.

#7

Hey @ferdia,

Please let me first make it clear that mixing topics in a thread is hard for us and eventually reduce the quality of support due to confusion and long response time. That is not good for you and other customers. Christopher said that in his previous reply.

I’ll touch on the problem but we’ll need you to open a separate thread for this translation problem.

I checked your site and the only English text I see is the Search Modal. Is that string translated? In a separate thread, would you mind giving us the following:

  • URL of the page where there’s an English text
  • URL of your staging site so we can compare to your live site
  • FTP Server Address, Username and Password

Thanks.

#8

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.