topic Re: Adjusting Mobile Media Queries in Stylesheet for Website in CMS Development

Adjusting Mobile Media Queries in Stylesheet for Website

bstock98 — Mon, 08 Apr 2019 16:47:14 GMT

Hey everyone,

I am looking for a little help with adjusting the mobile media queries in the stylesheet for a website I manage. I am not fluent in HubL or coding in general so any help I can get here is greatly appreciated.

Currently I am experiencing problems with content being cutoff on certain pages, such as text, headers, and images. The peculiar thing about this issue is that it is happening everywhere except for the blog page. So maybe the key to making it all the same is somwhere in the blog page stylesheet.

Either way I have been trying to fix this issue for a whie with no luck, so I'll take any help I can get.

I can attach any sections of code that you want to look at or specific pages. Please let me know.

The link to the main website is www.signumbiosciences.com.

Thank you,

Ben S.

Re: Adjusting Mobile Media Queries in Stylesheet for Website

stefen — Mon, 08 Apr 2019 18:58:16 GMT

@bstock98 looks like you have a stray "f" in your stylesheet which is causing issues with the next style (the box-sizing which affects everything on the page). Remove the stray "f" and you should see the bugs go away.

remove the "f" on line 733

Re: Adjusting Mobile Media Queries in Stylesheet for Website

bstock98 — Mon, 08 Apr 2019 20:43:21 GMT

You are amazing!

Thank you so much for finding that. I have been pouring throught that stylesheet for weeks trying to figure out what the issue was. It is always the smallest thing that causes the biggest problem.

Your help is greatly appreciated!

Ben S.

Re: Adjusting Mobile Media Queries in Stylesheet for Website

stefen — Tue, 09 Apr 2019 12:46:07 GMT

@bstock98 haha no problem. I've definitely been there. Sometimes it just takes a set of fresh eyes 🙌