SCDIT Blog

We are upgrading a Joomla 3 website to Joomla 5 and keeping a Gantry template, and when testing the mobile view we noticed the mobile menu wasn’t showing up. This drove a bit crazy, but we were able to get it resolved. Once resolved we needed to work with the “custom.scss” file to use Media Queries to make it perfect

The secret here is in the layout section of the template click on the gear or options of the Menu Particle. At the bottom of the options you will see “Mobile Target“. This will make this menu the mobile menu. Here is a link to the instructions from Gantry.

https://docs.gantry.org/gantry5/particles/mobile-menu

Let us know if this helped you…

We were upgrading some Joomla 3 sites to Joomla 5, and fortunately Gantry 5 is ready for Joomla 5. We needed to use a Media Query, but just putting it our CSS override files wasn’t working. These Media Queries were working in our Joomla3 / Gantry 5. Gantry has great documentation and we found our answer here.

https://docs.gantry.org/gantry5/tutorials/media-queries

Gantry has funky methods for overrides, and that you will need to work with the file structure. You will need a “custom.scss” file put into your theme. The path is: “your site root/templates/g5_hydrogen/custom/scss“. We mainly had an issue with the mobile menu icon not showing up in mobile mode. We started with the following lines in our “custom.scss” file:

// import breakpoints
@import “dependencies”;

// Mobile Menu Breakpoint
@media only all and (max-width: $breakpoints-mobile-menu-breakpoint) {

Your CSS Classes go here

}

@import “nucleus/mixins/breakpoints”;

From here it was normal CSS. The secret is to put it in the “custom.scss” file, and to follow the syntax that Gantry provides. We provided a link above to their instructions.

Let us know if this helped you …

We like using Joomla over WordPress when it comes to portals, so while working on a site we ran into an issue where some Fontawesome 5 Free fonts were not showing up. The template framework Gantry has the capability for Fontawesome built-in. This comes up periodically and here are some tips you can try if you run into this issue.

• Choose “Font Awesome 5 Free (Webfont / CSS)” in the settings.
• In your CSS class use the font family “font-family: ‘Font Awesome\ 5 Free’;“
• In your CSS class right after the font family set the font weight to: “font-weight: 900;“

We moved to “Font Awesome 5 Free (SVG / JS)“, but we lost our CSS styling. We had buttons with a red background and that was lost. When we switched it back to “Font Awesome 5 Free (Webfont / CSS)” we were able to style the way we pleased.

The next issue we had was only the code was showing over the symbol. We had the correct font-family, but we had the font-weight set to “normal”. You must set the font weight to be: “font-weight: 900;“; otherwise, you will see the following.

Let us know if this helped you….

Our IT Network staff recently did a network upgrade for a new customer who was getting a new ISP, and when we finished the customer couldn’t get to their website. Seems like a DNS issue, but it wasn’t. We could use just the Comcast router and go to the website, but when we added our Firewall with no rules set the site was blocked.

The issue turned out to be a Security feature in the Comcast router. A featured called “Securityedge”. Once we determined it could be this feature we were unable to turn it off via the router. The only way to turn off this feature was to ask Comcast to turn it off.

Let us know if this helped you….

One of our employees called one our partners, but didn’t reach them. When they called them from their cell phone the person told them they didn’t answer the call because it came across labeled “Spam Likely”. We reached out to our VOIP provider.

The VOIP provider said there was nothing they could do and that the number was reported as spam. They said we would need to go the website Free Caller Registry and submit our number.

https://freecallerregistry.com

We had to fill out the form and verify our email address. We received an email stating their team will investigate it and we will be hearing back when they have finish the investigation.

Let us know if this helped you….

We had a customer who suddenly started getting notifications from a website and didn’t want them any more. The customer was using Firefox browser. Here are the steps to removing or blocking these notifications.

• Find the settings button. On this machine a new tab gave us a gear icon to click on. There is also the hamburger menu which you click on to expand and select “Settings“.
  

  

  
  

  

• Click on the “Privacy and Security” menu item on the left. Scroll down to “Permissions“. Locate “Notifications” and click on it’s “Settings” button.
  

  

  
  
• Select the website’s notification and either “Block” it or “Remove Website”. Then click “Save Changes”.

Let’s know if this helped you…

We had a customer purchase their web hosting from Siteground, but the domain was going to stay with Network Solutions. We wanted to add “Domain Verification” txt record to the DNS to verify the domain with Google Search Console. The Domain was with Network Solutions and SiteGround recommends you use their Name Servers. When you go to Network Solutions there is no place to put in this TXT file.

At Siteground the area where you find the domain there is no place to do “Advanced” features. Well not all is lost. You can add these records in the “Site Tools” area. In the “Domain” section you will find “DNS Zone Editor”, and here you can add any record you need.

Let us know if this helped you….

It seems silly to have to write this up, but it took us a minute for us to do it. We thought we would write this up if not for the public, but so we remember. It is very easy.

• Search for your business in Google.
• Your business listing should show up, and when it does simply click on the “Bookings” button.
  

  

• Now click on the pencil icon and put in the new URL.
  

  

Let us know if this helped you…