Archived topic

Shadow under Mobile Header

5 replies · Started by Kim on September 6, 2019

Viewing posts 1–6 of 6

September 6, 2019 at 10:22 pm #1003060

Hi there, I would like to add a shadow under the mobile header. Can you please help me with the necessary CSS? I did not get it to work unfortunately.

September 7, 2019 at 4:21 am #1003168

Hi there,

try this CSS:

#mobile-header .inside-navigation {
    box-shadow: 0 0 12px 6px rgba(0,0,0,0.25);
}

September 8, 2019 at 12:28 am #1003805

Hi David, awesome :) ...what would be the code for Tablet and Desktop?

Many thanks!

September 8, 2019 at 4:30 am #1003883

It applies to the Mobile Header which by default would cover the 768px wide tablets.
But it looks like you have reduced the Mobile breakpoint to 576px and i can't see a Desktop Navigation (?)

September 9, 2019 at 8:33 pm #1005362

Hi David, yes there is no navigation on the hompage since it is more a landingpage. I have reduced the breakpoint to have the logo on the tablet view.

September 10, 2019 at 3:45 am #1005558

Right ok :) So is that now working as you wanted?

This archived topic is closed to new replies.

Start building better websites today.