Not displaying correctly on cell phones

propelfolio · February 2017

When displaying the website on a cell phone I do not see the menu (3 horizontal lines) and there is a uge gap between the header and the content

Regards

Propelfolio

Albert · February 2017

Hey,

please send us link to page where you noticed these issues so we can have a look on it first and give you best possible solution.

Thanks!

propelfolio · February 2017

Here is the link :http://www.remcommunitieswebsite.com/newweb/about-2/

Albert · February 2017

Responsive menu icon color is the same as background and that's why you don't see it. To change its color, please use:

#Top_bar a.responsive-menu-toggle { color: #FFF !important; }

But the gap, is a header background and if you don't need to, you can easily remove it by enabling Minimalist option under Theme options > Header & Subheader > Header section.

propelfolio · February 2017

Thanks, one more question, I would like to adjust css on mobiles only (cell and tables), is there a way to do that?

Albert · February 2017

Yes, you can do that with right @media rules. Pre-defined @media rules, you can find under responsive.css file but for more details about it, please visit https://www.w3schools.com/cssref/css3_pr_mediaquery.asp

Not displaying correctly on cell phones

Comments