Issue: Solution 1. Add this CSS to each column’s Element CSS: Solution 2. Set a class to the row that contains the columns then add a CSS code targetting the columns using the class added the row like this: The code above will add a bottom margin to the columns on mobile if the class gap-mobile is added to the …
X Theme – Transparent Fixed Top Header (Solid Background on Scroll)
As of X Theme version 6.1.3, there is still no option to have a fixed header on top of the hero image on the page and change its background color to a solid or semi-transparent color as you scroll through the page. As an alternative, you can do by doing the following: Firstly, go to X > Theme Options > …
Change X Theme’s Header Breakpoint
By default, X’s mobile menu displays on 980px breakpoint. There is no available option to change this but some lines of custom CSS can override the default theme CSS. The code above will display X’s menu navigation from 1080px screen width and below.