Mobile Website Note Showing Up

allenjcochran · November 2018

The mobile version of my website is not showing up. The revolution slider is not scaling. The hamburger menu is very very small. When I turn off sections with 'Hide on Tablet and Mobile' they do not disappear. What am I doing wrong?

Have you experienced any issues with plugins that compress images or minify causing these problems?

Pablo · November 2018

Hi,
Please always attach a link so we can check it out. If the page is offline(localhost) then our help will be limited, you will have to contact us when the page is online. Also please make sure that the page is not under maintenance before you provide us the link.
It is always a good idea to also attach a screenshot, for that use services like snag.gy or pasteboard.co

thanks

allenjcochran · November 2018

Yes. I realized I hadn't given any context. The site is: http://santarellisbarbershop.com/

It's using URL masking for this site: http://www.ilookgoodindesign.com/wp_santarellis/

Here's an image from my iPhone X, using Chrome; hardware, OS, and application are updated to the most recent: https://pasteboard.co/HPjmoCQ.jpg

The problems that I'm having:

the hamburger menu is really small on mobile, even on different screens at different resolutions.
The two side-by-side sections below the top carousel will not hide on mobile even when I tell the Muffin Editor (on the Wordpress Page editor, not the Visual Editor) to 'Hide on Table and Mobile'. The reverse is also true, if I tell something to 'Hide on Desktop' it will still be visible on my desktop.
The buttons on mobile scale very small

What am I doing wrong?

Pablo · November 2018

To Be Honest.

Everything looks good, it's scailing properly and it looks very impressive.

I tested it on iPhone X and SGS9 and I do not see any issues.

Did you solve this problem?

If not, please send me some screenshots of issue.

Cheers

allenjcochran · December 2018

Thanks for the compliment. If you feel it's working properly, then can you tell me how to make things larger on mobile?

#1

The size of buttons and the hamburger menu on iPhone X is unexpectedly small.

How do I increase the size?

https://pasteboard.co/HQ14bZJ.jpg

#2

The size of the menu is too small too.

How can I increase the size?

https://pasteboard.co/HQ15nJQ.jpg

#3

These two columns are built inside a single section, inside two areas (columns) on the homepage. The entire section is set to hide on desktop but it still shows.

How do I get the hide on mobile/hide on desktop functions to work?

https://pasteboard.co/HQ16ijS.png

Thanks, in advance.

Pablo · December 2018

Hi,

1,2) It's possible only with Custom CSS.

1) Paste it to Theme Options > Custom CSS & JS > CSS

.responsive-menu-toggle i{
  font-size:40px !important;
}

2)

@media (max-width:1240px){
#menu{
	transform:scale(1.3);
	margin-top:25px !important;
}
}

3) If it's set in section to hide on desktop, it should work.

Please disable all of the plugins, clear the cache and check if the issue still exists.

Thanks

Mobile Website Note Showing Up

Comments