Problems setting up custom h2 font size for mobile please look!

[kirstenlc5]

When I add the media code to the top below the original h2 custom settings I added, it takes all of the code below it like centered headings, remove slideshow arrows, certain font sizes, and just completely cancels all of it out on desktop view. But on mobile view, everything is perfect and working.

When I add the code to the bottom, it does nothing at all.

I’m just trying to change my mobile h2 font size to 45px and i can’t figure out why this is happening

Please check out code & store link below:

Love,

Kirsten

Here’s what happens when I add the media code to the top: (it cancels out ALL code below it for desktop view and makes it to where everything only shows up on mobile)

Here’s what happens when I add to the bottom: NOTHING. IT DOESN’T RESIZE the h2 at all.

Try Nellies Boutique

password: lavishprintshop

[kirstenlc5]

Try Nellies Boutique

password: lavishprintshop

[kirstenlc5]

Hey everyone I got it, had to add another closing bracket at the end so it didn’t rewrite everything

[PageFly-Victor]

Hi @Kirstenlc5

This is PageFly - Advanced Page Builder. I would love to give you some recommendations

the reason is that you are missing a stack mark of the media query . for example after you add a closing stamp like my screenshot it will work and won’t break the page’s CSS

Hope my solution works perfectly for you!

Best Regards;

PageFly

[kirstenlc5]

Worked thank you so much pagefly

[PageFly-Victor]

You are welcome, I am glad when can help you