Reply To: Space between header and first section / row

Hi Artem

Thanks for your reply. Firstly, this site has now been migrated from “www.next.rentals” to “www.nexthss.com”- please refer to the latter going forwards.

1) I checked the Section / Rows and removed the full height option before reapplying the code to the section (#sec_1), this didn’t work so instead i gave the row an ID and applied the same code which worked in desktop view, however when i switched to tablet and mobile view, the content in the rows below overlapped my slider and the categories menu in my first row.

I’ve removed the style for now, but i’d like to try and get this working- any ideas?

2) With regards to the Categories menu next to my slider, I’d like to style this but cant get it to react to the class which I’ve given it.

a) You’ll see that there are 6 list items below the “Popular Categories” widget title. The height of these appear to be preset and they are all bunched up to the top. I’d like any list items in this widget / column to be spaced evenly so that they fill the entire height of the column, which in turn will react to the size of the row. Much like how my menu in the header does, albeit that reacts to the varying width.

b) I’d also like to be able to style the list items individually, i want to add background colour, text colour and an icon / image to the right of the text / column.

c) Finally, i applied a -40px margin to the first section in line with your previous advise, the content of the section now sits flush with the header, which is great. However, if you resize your browser window to mobile view, you’ll note an approx 50px white space between the “Popular categories” title and the bottom of the header. How can i remove this please?

Thanks