Narrative theme - footer appearing at the top on mobile

Sam_Whigham
Tourist
16 0 2

Hi,

 

I'm using the narrative theme. 

The desktop site has few issues, but the mobile has a few.

When viewing on a mobile, all the 'pages' and blog show a small bit of the footer at the top of the page, just between the top header logo and content underneath. It goes as you scroll, but is quite confusing for the user at first.

 

Any ideas?

0 Likes
Tejas_Nadpara
Shopify Partner
1028 215 488

@Sam_Whigham

 

Share your store URL so I can assist you better.

 

Thank you,

Tejas

Shopify Expert | Skype: tejas.nadpara
- Like and Mark as an Accepted Solution if reply helpful
- Feel free to contact me on support@hexaecommerce.com regarding any help
0 Likes
Sam_Whigham
Tourist
16 0 2
0 Likes
Sam_Whigham
Tourist
16 0 2

Anyone else have ideas?

0 Likes

I can not see anything, can you send an image capture?


@Sam_Whigham wrote:

Anyone else have ideas?


 

0 Likes
Sam_Whigham
Tourist
16 0 2

IMG_2B697C7CA0B9-1.jpeg

 

It's appearing above the 'shipping and returns' headline - I'm on an iphone btw

0 Likes

The problem comes from your iphone because on Firefox adpative view on mobile, I have that

Screenshot_2019-02-15 Shipping Returns.pngBut if you want to solve the problem it's easy, you go into theme.scss on the code editor and you select the block "shipping" and you get either a padding-top 50px or more. Or a margin-top at -50px

0 Likes
PalmraBrands
New Member
2 0 0

I seem to have the same problem on every page of my websiteIMG_8046.pngIMG_8045.png

0 Likes
MHF
New Member
2 0 1

Hi,

 

Was anyone able to solve this issue? I'm having the same problem. Thanks in advance!

glowurskin
New Member
1 0 1

IM having the same issue how do i solve this