Docs

[icebach]

Hi,

my website: http://www.smartpatentsolutions.de is not responsive on my iPhone. On my desktop, when I change the window-size the responsiveness works fine.

I already added this code to custom/costum code (which I found in this forum):

@media ( max-width: 1024px ) {
.x-nav-wrap.desktop {
display: none;
}
.x-btn-navbar {
display: block;
float: right;
}
.x-nav-wrap.mobile.collapse.in, .x-nav-wrap.mobile.collapsing {
display: block;
}

But it does not help.

Thank you in advance for your reply.

Mike

[Nabeel A]

Hi there,

Thanks for writing in! Please remove CSS from your cornerstone-custom-page-js section to fix the issue. It is breaking your site.

Let us know how this goes!

[icebach]

Hi Nabeel,
thank you very much for quick answer. I have removed the code from cornerstone. Unfortunately, the problem still occurs. The following code is now only in the menu custom/custom code/ edit global CSS of the X Menu:
media ( max-width: 1024px ) {
.x-nav-wrap.desktop {
display: none;
}
.x-btn-navbar {
display: block;
float: middle;
}
.x-nav-wrap.mobile.collapse.in, .x-nav-wrap.mobile.collapsing {
display: block;
}
}

Besides the mentioned problem, also the mobile button is jumping from the middle to the left side at a certain display size.

Thank you
Mike

[Lely]

Hello Mike,

Please update this part of CSS above:

.x-btn-navbar {
display: block;
float: middle;
}

To this:

.x-btn-navbar {
    display: block !important;
    text-align: center !important;
}

Then make sure to clear cache before checking again. If there’s still any issue, please provide us screenshot so we can help you better.

Always,
X

[icebach]

Hi,

thanks for your answer. Please find in the following further explanations of the problems: Background information: I have only added css code in the customizer, not in cornerstone. You can see the code in the added picture. The following issues on http://www.smartpatentsolutions.de still occur:

1) Desktop: Mobile button is arranged not only in the center. At a certain windows size of the browser the mobile button is on the left side.

2) on my iPhone 6: Mobile button is only arranged on the left side.

3) Responsive text does not work on my iPhone.

Thank you very much in advance,
Michael

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> CSS :

a.x-btn-navbar {
    display: table;
    margin: 0 auto;
}

Please do not add responsive shortcode directly to your page, you can add responsive item under cornerstone settings tab.

Hope it helps.

[Author]

Posts