Streaming live at 10am (PST)

Object behaving differently on homepage


#1

In mobile view, on the homepage only, the logo is positioning itself differently (its higher up and touching to top) - cant figure out whats causing this - any ideas?

https://preview.webflow.com/preview/masstransport?preview=03b5e2b399bf55c74227a1d57a7781e5

Thanks


#2

Hey @Stephanie

I mobile view you can add 10px margin to the top of the "logo-container" class see screen shot below:

This should give the logo some spacing in mobile view and stop it from hugging the top of the browser window :smile:


#3

Thanks I have tried that but it is then affecting its position on all other pages. Strangely it only seems to be out of place on the homepage -there must be something about the homepage that is affecting it but im not sure what,


#4

Ahhh I see the problem!

Because your affecting the class "Logo container" that has the "Current" class included because the "Logo container" element is linked to the homepage. This explains why the issue is only occuring on the homepage.

By removing the custom styling on "Logo container" Top margin and Top Padding it should return the position of the logo back to the middle of the navigation bar. Let me know if this helps!


#5

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.