Mobile view missing header links

Six DeSaint Hillaire

I changed our layout recently to something that was more useful for our industry. Unfortunately, when browsing mobile the layout lacks the header links the desktop one has. Without that, mobile viewers can't see any of our services, only our products.

 

Best place to get info on how to tweak that? I've requested FTP access to give it a crack.

Erik Merkley

Looks like an easy fix. Take a look at the template here:

\templates\headers\template.html

 

There'll be a line near the top with this code:

<div class="d-none d-sm-block col-12 text-right">

 

Those class names are Bootstrap utilities controlling when the element is visible. Just change that line to:

<div class="col-12 text-right">

And the menu will no longer be hidden on mobile. You might need to tweak the styling but at least it will be visible now!

 

 

Bootstrap docs:

https://getbootstrap.com/docs/4.4/utilities/display/#hiding-elements