ns773

Hi Jose,

Thanks for the code! I loaded it up, and it has not changed the look on mobile. I have temporarily re-activated the plugin; I had it paused since I was running a mobile PPC campaign. I reviewed my pages and I am not able to choose a header for individual pages. But, I did look at my custom CSS changes and thought that this was pertinent:

It looks like the problem area is section.iq-breadcrumb.overview-block-pb. This section is the part of the header that only appears on pages that are not the home page, and I’m controlling the height of it with the following code:

section.iq-breadcrumb.overview-block-pb {
padding: 50px 0 50px !important;
}
section.iq-breadcrumb {
padding: 50px 0 50px !important;
}

If you load up the home page using a User-Agent Switcher plugin (not the one in Chrome’s dev tools, it doesn’t work for this): https://chrome.google.com/webstore/detail/user-agent-switcher-for-c/djflhoibgkdhkhhcedjiklpkjnoahfmg?hl=en-US

Then you can see that the mobile only page loads in header section.iq-breadcrumb header that is standard for non-home pages. If I remove the CSS, it just gets larger.

Maybe I should ask the theme developer about this section, unless you see a clear way to influence the content of the mobile page from the plugin that doesn’t affect other pages?

Thanks for the continued help!

Hi Jose,

Thanks for the quick response! Sorry that my original post was unclear. SCFM is not modifying any of my content on my page. I’m not a WordPress expert but hopefully this breakdown makes more sense:

Any page that is not marked as the Front Page of my site has the header and formatting that you see here: https://kandisnap.com/shop/kandisnap-beads-5-pack/
– Fixed height
– Padding above the content

The Front Page does not have this at all: https://kandisnap.com/

An exact copy of this page that is not marked as Front Page has the same fixed height header and padding, because it is treated like a normal page: https://kandisnap.com/hometest2/

So the issue is, that because the mobile version of the Front Page is actually a separate page similar to https://kandisnap.com/hometest2/, then when I load the Front Page up on mobile, it shows the fixed header and padding because it serves the mobile page, and is treated as a normal page (not marked as Front Page) that requires a header.

Hopefully the problem makes sense, although I expect that I cannot do anything about it because if I modify the CSS to fix it, it will modify the CSS for standard pages, which will break them.

Thanks for the support!