So if you go to my site : Shakennotstirredcocktailclub.com — go to the FAQ page. There is a weird space between FAQ and all the drop down choices. The FAQ is a page and the drop down is from the Glow FAQ add on from shopify sections. How can I make the gap between FAQ and the drop down questions not so big?
Hi @ShakenCC To resolve the issue of the large gap between the FAQ header and the dropdown questions on your “Shaken Not Stirred Cocktail Club” website, you need to adjust the CSS of your FAQ page.
-
Log in to your Shopify admin panel.
-
Go to Online Store and then click on Themes.
-
Find your active theme and click on Actions, then select Edit Code.
-
Look for the file that contains the FAQ section. This is often within the Sections or Templates folder. It might be named something like faq-template.liquid or section-faq.liquid.
-
Within the Assets folder, find your theme’s CSS file, usually named theme.scss.liquid or styles.css.liquid.
-
Scroll to the bottom of the CSS file and add the following custom CSS (These selectors might need to be adjusted depending on the exact class names used in your theme and the Glow FAQ add-on. Use the Inspect Element tool in your browser to find the exact classes.)
-
After adding the custom CSS, save the changes and refresh your FAQ page to see if the gap has reduced.
Feel free to let me know if you need any further assistance!
Regards,
Ina