Fixed header obstructing other content on all pages

Solved
Highlighted
Tourist
16 1 1

Hello.

Since adding CSS code to keep the header visible at all times while a user is scrolling, I've inadvertently obstructed the view of other content.

See example below of the Contact page.

Before code (all content visible)

tomeastman123_1-1600158406619.png

 

After code (content obstructed)

tomeastman123_0-1600158310357.png

 

0 Likes
Highlighted

Hello ,
Please share your site url.
So that i can check and let you know the exact solution here.

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Tourist
16 1 1

Store isn't live yet. https://www.magicinalfoods.co.nz/

Do you want to request collaborator access?

0 Likes
Highlighted
Tourist
16 1 1

Let me know if you want password to store sent to you privately

0 Likes
Highlighted

Hi,

Your store is password protected please let me know.

 

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Tourist
16 1 1

Just emailed you.

0 Likes
Highlighted
Tourist
16 1 1

The password has been sent to: Email: pallavi@oscprofessionals.com

0 Likes
Highlighted
Tourist
16 1 1

Any response on this one please?

0 Likes
Highlighted

Hi,

Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

 

 

 

.contact-form.form-vertical {
    margin-top: 9%;
}
@media screen and (max-width: 480px) {
.contact-form.form-vertical {
    margin-top: 37%;
}
}

 

 

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Tourist
16 1 1

Hello. Thanks for the response.

The CSS has not worked. Below is a screenshot showing the homepage (as an example) with the Header covering the top part of the next section. I need the below section to start lower on the page so that the entire image/content can been seen.

 

tomeastman123_0-1600367442280.png

 

tomeastman123_1-1600367493809.png

 

0 Likes