Do you see this after checking that checkbox?
You need to confirm your change by clicking on the green check button.
Do you see this after checking that checkbox?
You need to confirm your change by clicking on the green check button.
No, unfortunatly there are no buttons
Ok, I think this is another issue with the theme. I can take a look in about an hour if you would like (I see that you are trialing our hosting).
That might be super helpful!! Thank you
Yes, it was indeed a stying override issue. This bit of css was resulting in those buttons being invisible:
.btn {
background-color: #ffffff !important;
color: #000000;
border: solid 1px #f89300 !important;
text-transform: uppercase;
font-size: 14px !important;
height: 40px !important;
padding: 0 10px;
}
I commented this out for now (line 152 of your default theme’s Common CSS) and the buttons show up:
Try using dice
instead of fa-dice
, and make sure you add it to the custom font awesome icons
setting as well.
Works like a charm now, @pmusaraj - thank you so much for your active help.
Buttons are visible now and activating (and saving!) the option results in a perfect brand header bar on mobile for me
@vinothkannans How do I center the logo both horizontally and vertically on all devices? I don’t plan on using the links… just the logo.
I think you could achieve it by adjusting CSS for the".b-header
" class. Something like below can help
.b-header .title {
float: none;
display: block;
margin: 0 auto;
width: 105px; /* your logo image width */
}
Is this still active?
I’m having issues with icons showing correctly. I have this in the settings…
But this is what shows on the page…
It’s just blank spots where the icons should be. The links are there if I mouseover, but not the icons.
Does it work if you replace fa-brands fa-youtube
with fab-youtube
in both the icons and custom font awesome icons sections? The same should work for the discourse icon as well. I’m not sure about the browser one.
Thanks!
It worked for fab-discourse.
It did not work for fab-youtube or fab-browser (or fa-solid fa-browser). I was basing names off of here: Browser - light | Font Awesome
I’ve tried a few different things, still no luck. Just blank spots for the YouTube and Browser (website) ones.
Try adding the custom icons in “svg icon subset
” site setting.
Thanks. I’m really not sure what I’m doing with that. Is this correct? Those are the two I’m missing.
It didn’t solve it though, still getting…
I guess I’m doing it wrong.
As you can see, the YouTube icon is working fine for me. Looks like the “fa-browser
” is a pro icon. In that case, you need the below plugin and the auth code.
I’m missing something easy. I had our brand header designed to match our other sites, where the navigation links are aligned right. Somehow in an update they are now aligned left. I’ve tried every bit of CSS but cant seem to change the left alignment of nav links.
You should able to do it by removing the following CSS
.b-header .panel {
margin: 0 0 0 auto;
}
Perfecto! Thanks, that was easy… I just overrode it in my custom theme component for our site:
.b-header .panel {
margin:0!important;
}