How to fix issues with Flow Theme on desktop and mobile?

Store Design
1

Hi Guys,

Ran into a few problems and it would be super appreciated if someone could help address these issues. They are as followed;

Firstly, the dropdown box on the main menu disappears too quickly on desktop and you cant click on anything.

Secondly, there are gaps in a lot of product listings for various brands (I’ve noticed on Palm Angels & Jordan’s) how do I mitigate this?

Thirdly, the slideshow pictures are too big and I need them resizing, I try to resize them to what’s recommended but they come out blurry. ifI change to fullscreen its fine on Desktop but mobile the text appears below the image and if I chose fixated the image is too large on desktop but for mobile.

Finally, I would like my social icons on my footer, it isn’t giving me the option on theme settings to insert this.

my website url is nonpareilfashion.myshopify.com

password is - puiyee

sorry for an abundance of questions and thanks I’m advance.

2

Hi @Nonpareil ,

Go to Assets > timber.scss.liquid and paste this at the bottom of the file:

.site-nav--has-dropdown .site-nav__link:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 75px;
    left: 0;
    top: 100%;
}

If it helped you solve your issue, please mark it as a solution. Thank you and good luck.

3

For some reason the timber.scss.liquid is empty and cannot be edited.

4

I have sorted this. Could you provide me with information on how to fill the gaps/spacing in my product listings please, refer to my second point in the heading description.

Thanks in advance