You are probably using some(light or dark) header color variant on your frontpage. You can adjust colors of the top bar in used variant options in the customizer.
But now I have a new challenge. Even with social media icons disabled, the full width isn't used for the text part - only half or less, which on a phone is very little, even for a short sentence.
I've looked using Chrome on mobile, and it looks like in the screenshot.
Just tried Chrome on Desktop and here too, it looks wrong, no matter what browser size. With Firefox on both Desktop and Mobile, it looks as expected, but very few visitors use Firefox.
I've tried clearing all cache and minimized CSS and I also tried removing all custom CSS. It didn't make any difference.
Comments
You are probably using some(light or dark) header color variant on your frontpage. You can adjust colors of the top bar in used variant options in the customizer.
Please read more here https://rifetheme.com/help/docs/customizing-the-theme/header/variant-light-dark-overwrites/
With kind regards.
But now I have a new challenge. Even with social media icons disabled, the full width isn't used for the text part - only half or less, which on a phone is very little, even for a short sentence.
It should work fine.
Could you send me a link to live example? On the site from the first post, I don't see top-bar or the header.
With kind regards.
Just tried Chrome on Desktop and here too, it looks wrong, no matter what browser size. With Firefox on both Desktop and Mobile, it looks as expected, but very few visitors use Firefox.
I've tried clearing all cache and minimized CSS and I also tried removing all custom CSS. It didn't make any difference.
But what is the link so I could check it as well?
With kind regards.
https://www.zafariqbal.dk/
OK, it looks good in FireFox but not in the Chrome.
Please add such custom CSS: With kind regards.