Smile Posted February 2, 2019 Posted February 2, 2019 I am wondering if I can change the address bar color for mobile devices in the BO or if I should do this in the theme header file? Like here? https://stackoverflow.com/questions/26960703/how-to-change-the-color-of-header-bar-and-address-bar-in-newest-chrome-version-o
0 toplakd Posted February 2, 2019 Posted February 2, 2019 Add it directly into header.tpl where other meta tags are added. Quote <html lang="en-us"> <head> <meta charset="utf-8" /> <title>Order - Your-Shop</title> <meta name="generator" content="thirty bees" /> <meta name="theme-color" content="crimson" /> Replace content with your desired color.
0 Chandra Posted February 2, 2019 Posted February 2, 2019 Good one! You could also add a single line to preferences - custom code - extra metas section as: <meta name="theme-color" content="blue" /> 1
0 Smile Posted February 2, 2019 Author Posted February 2, 2019 Just out of curiosity, and to find the best fix.... In my theme header.tpl from the theme currently in use I can not find the rule.... But I do see it in the live site.... In TB yellow.... <meta name="theme-color" content="#fad629"> Also not in the: community-theme-default Where does it come from?
0 wakabayashi Posted February 2, 2019 Posted February 2, 2019 Maybe you added it in the backoffice "Custom Code?"
0 Smile Posted February 2, 2019 Author Posted February 2, 2019 Not at all, especially not this exact custom thirty bees yellow 😅
0 wakabayashi Posted February 2, 2019 Posted February 2, 2019 Can you show me a link to your website?
0 Smile Posted February 2, 2019 Author Posted February 2, 2019 Its a nice curious thing right 😉 Send you PM.
0 FighterBranded Posted March 21, 2020 Posted March 21, 2020 I have installed thirty bees twice from a2Hosting through cPanel, and both times I get the yellow address bar on mobile devices and I can't find where to get rid of it! I have also never set it to anything, especially not that bright yellow! I have added the <meta name="theme-color" content="#3260a8"> to every header.tpl file that I can find, and it is not changing the address bar in the mobile apps. None of the files had had that line already there! Any help would be great, thanks! https://mymembershipcards.com and https://fighterbranded.com
0 toplakd Posted March 21, 2020 Posted March 21, 2020 1. mymembers is loading yellow as theme-color is defined #fad629 within script tag <script> <link rel="apple-touch-icon"...<meta name="theme-color" content="#fad629">... 2. fighterbranded shows has 3x <meta name="theme-color", delete other 2 and leave only the one in <head>
0 FighterBranded Posted March 21, 2020 Posted March 21, 2020 Thank you! FighterBranded has it 3x because I was trying to figure out how to change it. Right now that is loading correctly! How do I keep this from being reset when an update is done since this is NOT a setting and I am changing the file manually?
0 toplakd Posted March 22, 2020 Posted March 22, 2020 On 2/2/2019 at 10:42 AM, Chandra said: You could also add a single line to preferences - custom code - extra metas section as: <meta name="theme-color" content="blue" />
0 FighterBranded Posted March 23, 2020 Posted March 23, 2020 That was the first thing that I tried, adding the code to the extra metas section. If you look at the https://mymembershipcards.com site, that code is there, but it is not changing anything in the mobile browser, at least on Android.
0 toplakd Posted March 23, 2020 Posted March 23, 2020 (edited) You should try to delete the <meta name="theme-color" content="#fad629"> as currently you stil have "theme-color" 2x in your page. Edited March 23, 2020 by toplakd
0 FighterBranded Posted March 23, 2020 Posted March 23, 2020 Where do you delete it from? That is what I keep asking? I have so far gone through every single file in the theme to try and find where it is set and now I am going to start going through the actual code for it. This is being set during install of the software and there does not seem to be an easy way to change it or get rid of it. I know it is there with the fav-icons, how do you get rid of that? I never put the code there and I am not finding where to get rid of it!
0 toplakd Posted March 23, 2020 Posted March 23, 2020 (edited) Open your header.tpl file and seach for string i postedabove Edited March 23, 2020 by toplakd
0 FighterBranded Posted March 23, 2020 Posted March 23, 2020 Actually, the best way to change this, and will keep this from being changed each time an update is done. Login to the Admin Dashboard -> "Preferences" -> "Themes" Click on the tab "Icons" and scroll down to the "Faveicon metas" section. At the bottom of that listing are two lines with the color code. If you change those, then it will change and keep the new color code through future changes. No need to manually edit files, or to have to keep changing them when you make site changes and updates.
0 toplakd Posted March 23, 2020 Posted March 23, 2020 If you have those lines added there, than you have to change it there. Otherwise you will always have duplicate entries, if one would modify the .tpl and also have it here
Question
Smile
I am wondering if I can change the address bar color for mobile devices in the BO or if I should do this in the theme header file? Like here?
https://stackoverflow.com/questions/26960703/how-to-change-the-color-of-header-bar-and-address-bar-in-newest-chrome-version-o
17 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now