Problems with setting the Menu

Backlight Customization
#1

I have upgraded from 4.4.1 to 6.4.1.and started to update the website. Now I found a problem: if I do not use my customs.css that only contains the lines:

.vegas-slide {
border:1px solid black;
box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.5);
margin: 8px; //experiment with margin size
}
.vegas-container {
background-color: #E4E4E3;
}

for being applied to the Home page, I get a “globe” icon in the top pallet for the languages, but If I enable the css file, instead of the globe icon I get the icon of two letters indicating the language (ES/EN). I do not understand why this happens as there is nothing in the customs.css file about the “language”, only those instructions for the display of images in the home page.

Agustin

#2

Can you share a link to your site that shows the problem?

#3

yes!

#4

and as you can also see in the BL Support forum that I also have a problem in the menu with the fontawesome icon of instagram…

Agustin

#5

I can only look on my ipad at the moment and in Safari, I’m seeing the globe icon.

As to the IG icon, since Backlight only uses the free version of Font Awesome, you may need to change the Font Awesome class(es). Like fab instead fa maybe.

see

#6

well, funny things happen :smiley:
I see the globe in my Ipad as well!..but I see “EN” or “ES” in my Iphone (IOS 18.6.2) and in my notebook (windows 11) and in my desktop (windows 10) :flushed:

more funny things…as you suggested, I changed “fas” for “fab” and the icon…appeared!..however for the home and envelope icons I used “fas” without problems! so something funny happens with the classes

so the only problem now is the strange behaviour of the globe…

Agustin

#7

Something for @Matthew to ponder :slightly_smiling_face:

#8

Might be some caching BS. Try clearing the template cache, and force reload the browsers on your devices.

#9

yes!..that was!!!..thank you Matt!..

1 Like
#10

Great! I’m glad it was something simple.