I have managed to reduce it slightly by inputting
a.header__heading-link.link.link–text.focus-inset {
padding-bottom: 0px;
}
#shopify-section-sections–20972431081768__header > div > header > nav {
margin-top: 0px !important; }
code at the bottom of my css.files, however it is not reduced enough and there is still a significant gap. I have also lowered the padding as much as possible and cant seem to figure this one out. Any help would be awesome!
Hello I can help you to solve the issue that you are facing with kindly message me for more discussion.
as in, message you on here?
Hi there,
Here are concise steps to try, incorporating best practices and addressing potential causes:
Target Specific Elements:
Use your browser’s developer tools to inspect the exact elements creating the gap. Apply styles directly to them, ensuring specificity using IDs or more specific selectors.
Inspect for Conflicting Codes:
Review existing CSS for conflicting margin, padding, or line-height settings that might be overriding your changes. Resolve any inconsistencies.
Consider Font Metrics:
Adjust font-size or line-height of the elements involved for finer control over vertical spacing.
Mind Browser Defaults:
Reset any unwanted default browser styles using a CSS reset or normalize stylesheet.
Inspect for Nested Elements:
Check for nested elements within the header or navigation that might have their own margins or padding. Adjust those styles as needed.
Utilize Shopify Theme Settings:
If your theme offers spacing customization, explore those options before manually editing CSS.
Yes message me privately.
im rather new to this, would you be able to have a look at my site and let me know exactly the issue?
Yes I can
Okay I’ve seen it but please can we chat privately for more discussion?
i have messaged
Okay.