FelixCollier Posted June 28 Share Posted June 28 (edited) I have an annoying white space showing between the header and image section below. Does anyone know how to fix this please! https://thefelixco.uk/general-1 I have tried these solutions from other posts already, but no luck. Edited June 28 by FelixCollier Link to comment
Widle Posted June 28 Share Posted June 28 hello @FelixCollier can you provide your site link & a little bit more information about the issues Widle - Squarespace Website Design Experts Connect - Connect with Email Website - Visit us Ahmedabad, India Link to comment
FelixCollier Posted June 28 Author Share Posted June 28 (edited) 9 minutes ago, WidleStudioLLP said: hello @FelixCollier can you provide your site link & a little bit more information about the issues @WidleStudioLLP Thanks for the reply, sorry yes I just updated the original post with the link but will include below too. I would like the black site header to sit ontop of the banner image below with no gap, however there is a small white space showing, which looks like it is part of the header. When hovering over the header, it seems to include the white space at the bottom, please see attached screenshot. I can't seem to get rid of it with any of the spacing settings. https://thefelixco.uk/general-1 Thanks F. Edited June 28 by FelixCollier Link to comment
Widle Posted June 28 Share Posted June 28 (edited) --headerBorderColor: none !important; you this code if this code is not working you can tell, and e I can provide you with a second solution using .header theme-col--primary class Edited June 28 by WidleStudioLLP Widle - Squarespace Website Design Experts Connect - Connect with Email Website - Visit us Ahmedabad, India Link to comment
FelixCollier Posted June 28 Author Share Posted June 28 2 minutes ago, WidleStudioLLP said: --headerBorderColor: none !important; you this code if this code is not working you can tell, and e I can provide you with a second solution using .header theme-col--primary class @WidleStudioLLP Thanks, I can't seem to input that code properly - my coding skills are very basic! Link to comment
Widle Posted June 28 Share Posted June 28 you can use .header theme-col--primary { --headerBorderColor: none !important; } you can copy this code & paste it into website tool > custom code > paste in this block also you can (reduce padding your choice) Widle - Squarespace Website Design Experts Connect - Connect with Email Website - Visit us Ahmedabad, India Link to comment
FelixCollier Posted June 28 Author Share Posted June 28 3 minutes ago, WidleStudioLLP said: you can use .header theme-col--primary { --headerBorderColor: none !important; } you can copy this code & paste it into website tool > custom code > paste in this block also you can (reduce padding your choice) @WidleStudioLLP No luck I'm afraid. Link to comment
Widle Posted June 28 Share Posted June 28 sorry my bad i forgot .header .theme-col--primary { --headerBorderColor: none !important; } you can use this code I'll forgot the Dot Widle - Squarespace Website Design Experts Connect - Connect with Email Website - Visit us Ahmedabad, India Link to comment
Solution FelixCollier Posted June 28 Author Solution Share Posted June 28 8 minutes ago, WidleStudioLLP said: sorry my bad i forgot .header .theme-col--primary { --headerBorderColor: none !important; } you can use this code I'll forgot the Dot @WidleStudioLLP Thank you - that didn't fix the issue but I have found another way to sort it. Under 'edit header design' and 'border' settings, I have changed the border to 0px. I thought it was a space appearing, not a border! Thanks for your help 👍 Link to comment
Widle Posted June 28 Share Posted June 28 Hello @FelixCollier ok, Nice 👍 and sorry for that Thank You FelixCollier 1 Widle - Squarespace Website Design Experts Connect - Connect with Email Website - Visit us Ahmedabad, India Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment