Not mobile friendly

Moderator

Hi Patrick,

I ran your site though their test and reviewed their feedback. They noted the following:

– Clickable elements too close together
– Content wider than screen

Clickable elements too close together

This seems to be generated off of two things, one is genuine the other is a rendering issue from a bot. They’re counting X percentage of the score because they did not render the image used for the logo, in it’s unrendered state they’re accounting for 100% width which places this right next to the menu toggle. If the logo really did stretch this far it would indeed be a usability issue but as you can see when using your site on real world devices this is not the case (see screenshot).

The second is the button below the text “webwinkelcommunity inclusief een privé-forum,
waar webwinkeliers en e-commerce professionals samen kunnen praten, kennis delen en elkaar helpen”. You can go into the page and add the ‘Gap’ element between the button and the text. If you give it a value of around 20px it should be okay. You may need to clear your cache for Google to see the changes.

Content wider than screen

In the Google bot result I cannot see any content wider than the screen, I also tested this on several real world devices and couldn’t find any evidence of this.

Let me know your thoughts,

Kieran

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

Attachments:

You must be logged in to view attached files.

December 17, 2017 at 23:10 #183347

Participant

Hello Kieran,

Thanks for your quick reply.
I changed the logo to a smaller one, with nog text. and the warning is still there.
Also i created a gap between the text and button, with no effect.

Content wider is a strange one indeed.
Only when i select a smaller phone (in the chrome developers tool) i see that the button is wider.

Kind regards,
Patrick

Attachments:

You must be logged in to view attached files.

December 17, 2017 at 23:31 #183353

Moderator

Patrick,

Just as an FYI KLEO now supports logos for desktop and mobile so you could have different logos depending on device.

I ran the test again, this time it rendered the logo but as you described it is still generating the error. I do not have the Apple iPhone SE listed as a device available to me in Google Chrome but I did go through the ones that were available and almost all of them passed without the issue.

I do see the following devices as an issue iPhone 4 & 5 and Nokia Lumia 520 – you may wish to try changing the size of the button and see if this causes Google to change the issue they’re seeing. If it does you should duplicate the first row, set the original to desktop and tablet only and the duplicated row to mobile only and resize the button to smaller than it is currently.

Kieran

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

December 18, 2017 at 10:07 #183372

Participant

Just tested with a small button, this has no effect on the report.
I just ran out of options.

December 18, 2017 at 20:12 #183418

Moderator

Hi,

Thanks for getting back to me, I’ve run the test again and with the same results. I am not sure what to suggest as the tool isn’t explicit in the elements they’re reporting as an issue. I can see the button issue but no others, I am not sure Google is still reporting it as an issue without more information from them.

Kieran.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

December 27, 2017 at 15:49 #183983

Participant

just tested again and now it is not accessible anymore ?

Attachments:

You must be logged in to view attached files.

December 27, 2017 at 15:52 #183986

Participant

ohw, ran the test again and now it is accessible with errors:

Please look at this:
https://search.google.com/test/mobile-friendly?view=fetch-info&id=yzKPqbJxOAzNQnKdtpZCRw
it seems the scripts can not be loaded ?

Attachments:

You must be logged in to view attached files.

December 27, 2017 at 18:49 #184027

Moderator

Hi,

I rechecked your website and found no scripts of any kind that failed to load (F12). In the results there are 44 errors, 2 are redirects which are normal and the other 42 are listed as other but are essentially failed to load.

All of the scripts that it claims did not load do actually load for your website. I believe this is simply an issue regarding the Google bot not loading scripts when visiting your site. You’ll need to look into your robots.txt folder to see if you have any issues that might be blocking any/all/google user agents from accessing these files – this article should help you understand more about this https://www.creativecali.com/how-to-tell-css-java-blocked-google/.

Thanks,

Kieran

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

December 28, 2017 at 13:00 #184074

Participant

Just disabled all plugins and check a couple of times. The main problems seems to bee the plugin: iThemes Security. I disabled this plugin and now i don’thave as many errors then before.
But still the page isn’t mobile friendly. It only seems to have affect on the mainpage.

Example this page: https://webwinkelcommunity.nl/adwords-stopt-recensie-extensies/ this page is mobile friendly.

December 28, 2017 at 18:33 #184109

Moderator

Hi,

That’s strange that iThemes Security would block Google bot in that way and it’s definitely worth looking into their settings and maybe even contacting their support team about the issue that caused.

With regards to the error that still appears in the Google tool please try the below CSS in your KLEO Child theme’s style.css by going to Appearance > Editor > KLEO Child > Style.css or by going to Theme Options > General Settings > Scroll to: ‘Quick CSS’

COPY CODE

@media screen and (max-width: 990px) {
.client {margin: 20px;}
}

This is the only element I can possibly see that is causing any issue with regards to being too close, but without more information from Google I cannot be sure. Make sure to clear your cache(s) completely and purge any CDN before testing again to ensure the Google bot gets the latest files.

Thanks,

Kieran

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

December 28, 2017 at 19:51 #184127

Participant

Hello Kieran,

Just added your code to the css. Unfortunately this has no effect 🙁
only 2 things left to do:

1. i noticed a gap ? (see attechment) Maybe this causes the problem ?
2. Do you have the original code from te frontpage ?

Kind regards,
Patrick

December 28, 2017 at 19:52 #184128

Participant

see attachment 🙂

Attachments:

You must be logged in to view attached files.

December 28, 2017 at 20:02 #184132

Moderator

Hi Patrick,

The gap you’re seeing is coming from a plugin called ‘kk Star Ratings’, you can use the below CSS to hide this on mobile

COPY CODE

@media screen and (max-width: 990px) {
.kk-star-ratings.lft {display: none;}
}

Or you can use the below CSS to hide this on mobile and for this page only

COPY CODE

@media screen and (max-width: 990px) {
.page-id-7805 .kk-star-ratings.lft {display: none;}
}

The original import code for the template is below

COPY CODE

[vc_row el_id="first-section" inner_container="no" type="image" enable_parallax="false" parallax_speed="0.4" padding_top="0" padding_bottom="0" fixed_height="1004px" bg_image="7823"][vc_column][vc_row_inner inner_container="yes" min_height="1004px" bg_pos_h="center" bg_pos_v="top" css=".vc_custom_1454252652306{background-image: url(http://seventhqueen.com/demo/kleo/wp-content/uploads/2016/01/first_section_white_triangle.png?id=7829) !important;background-position: 0 0 !important;background-repeat: no-repeat !important;}" el_id="white-triangle"][vc_column_inner offset="vc_col-lg-8 vc_col-md-8 vc_col-xs-12"][kleo_gap size="80px" visibility="visible-xs"][kleo_gap size="160px" visibility="visible-sm"][kleo_gap size="260px" visibility="visible-md,visible-lg"][vc_custom_heading text="POWERFUL CHOICES
EVERYDAY" font_container="tag:h1|font_size:60px|text_align:left|line_height:66px" google_fonts="font_family:Montserrat%3Aregular%2C700|font_style:700%20bold%20regular%3A700%3Anormal" letter_spacing=""][vc_column_text vertical_separator="yes" letter_spacing="75" letter-spacing="75"]Lorem ipsum dolor sit amet, consectetuer adipiscing
elit, sed diam nonummy nibh euismod tincidunt ut
laoreet dolore magna aliquam erat volutpat.[/vc_column_text][kleo_button title="ask our experts" href="#" target="_blank" style="custom" font_size="14px" font_weight="700" uppercase="yes" size="xxl" type="boxed-icon" special="no" border="no" icon="angle-right" box_shadow_color="rgba(43,33,47,0.15)" box_shadow_x="6" box_shadow_blur="18" custom_background="#ffffff" custom_text="#000000"][/vc_column_inner][vc_column_inner offset="vc_col-lg-4 vc_col-md-4 vc_col-xs-12"][kleo_gap size="50px" visibility="visible-xs,visible-sm"][kleo_gap size="480px" visibility="visible-md,visible-lg"][vc_single_image image="7822" img_size="338x408" alignment="center"][/vc_column_inner][vc_column_inner][vc_column_text text_color="#ffffff" font_size="13px" letter_spacing=""]
<p style="text-align: center;">SCROLL DOWN
to explore our services</p>
[/vc_column_text][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row el_id="services" inner_container="no" type="image" bg_color="#564656" bg_position="bottom" bg_position_horizontal="center" padding_top="" padding_bottom="" bg_image="7825"][vc_column][kleo_magic_container position="absolute" left="50%" min_height="521px" width="2560px" css=".vc_custom_1454252732470{margin-left: -1280px !important;background-image: url(http://seventhqueen.com/demo/kleo/wp-content/uploads/2016/01/pink_triangle.png?id=7832) !important;background-position: 0 0 !important;background-repeat: no-repeat !important;}"][/kleo_magic_container][kleo_magic_container position="absolute" top="-25px" left="50%" min_height="50px" width="36px" content_position="center" text_center="yes" border_radius="20px" box_shadow_color="rgba(85,69,85,0.4)" box_shadow_y="6" box_shadow_blur="18" css=".vc_custom_1454016466712{margin-left: -18px !important;background-color: #ff5e5e !important;}"][kleo_icon icon="down-dir" icon_size="2x" href="#services" scroll_to="yes" icon_color="#ffffff"][/kleo_magic_container][vc_row_inner inner_container="yes" css=".vc_custom_1448295547307{padding-top: 124px !important;}"][vc_column_inner][vc_custom_heading text="SERVICES" font_container="tag:h2|font_size:60px|text_align:left|color:%23342938|line_height:66px" google_fonts="font_family:Montserrat%3Aregular%2C700|font_style:700%20bold%20regular%3A700%3Anormal" letter_spacing=""][kleo_gap size="25px"][/vc_column_inner][/vc_row_inner][vc_row_inner inner_container="yes" el_class="row-no-gap" css=".vc_custom_1454070037846{padding-bottom: 30px !important;}"][vc_column_inner offset="vc_col-lg-6 vc_col-md-6 vc_col-xs-12"][vc_custom_heading text="Lorem ipsum dolor sit amet consectetuer adipiscing" font_container="tag:h6|font_size:30px|text_align:left|color:%23ffffff|line_height:36px" google_fonts="font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:400%20italic%3A400%3Aitalic" letter_spacing="75" css=".vc_custom_1454069908669{padding-top: 5px !important;}"][kleo_gap size="20px"][/vc_column_inner][vc_column_inner offset="vc_col-lg-6 vc_col-md-6 vc_col-xs-12"][vc_column_text text_color="#ffffff" vertical_separator="yes" letter_spacing="75" css=".vc_custom_1453990808036{padding-top: 10px !important;padding-right: 95px !important;padding-bottom: 30px !important;padding-left: 95px !important;}"]Lorem ipsum dolor sit amet, consectetuer adipiscing
elit, sed diam nonummy nibh euismod tincidunt ut
laoreet dolore magna aliquam erat volutpat.[/vc_column_text][/vc_column_inner][/vc_row_inner][vc_row_inner equal_height="yes" content_placement="bottom" gap="30" inner_container="yes" el_class="text-center"][vc_column_inner width="1/3" bg_gradient="yes" css=".vc_custom_1456321007162{background-image: url(http://seventhqueen.com/demo/kleo/wp-content/uploads/2016/01/services_003.jpg?id=7824) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}"][kleo_gap size="220px"][vc_column_text lead="yes" text_color="#ffffff" letter_spacing="" css=".vc_custom_1454141384798{margin-bottom: 0px !important;}"]Lorem ipsum dolor sit amet.[/vc_column_text][vc_custom_heading text="SERVICE NO. 1" font_container="tag:h3|font_size:28px|text_align:center|color:%23ffffff|line_height:32px" use_theme_fonts="yes" letter_spacing=""][kleo_gap size="80px"][kleo_button title="Read more" href="#" style="custom" font_size="14px" font_weight="700" uppercase="yes" size="xl" special="no" border="no" icon="0" custom_background="#fe6c61" custom_text="#ffffff"][kleo_gap size="40px"][/vc_column_inner][vc_column_inner width="1/3" bg_gradient="yes" css=".vc_custom_1456321017164{background-image: url(http://seventhqueen.com/demo/kleo/wp-content/uploads/2016/01/services_001.jpg?id=7826) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}"][kleo_gap size="220px"][vc_column_text lead="yes" text_color="#ffffff" letter_spacing="" css=".vc_custom_1454141384798{margin-bottom: 0px !important;}"]Lorem ipsum dolor sit amet.[/vc_column_text][vc_custom_heading text="SERVICE NO. 2" font_container="tag:h3|font_size:28px|text_align:center|color:%23ffffff|line_height:32px" use_theme_fonts="yes" letter_spacing=""][kleo_gap size="80px"][kleo_button title="Read more" href="#" style="custom" font_size="14px" font_weight="700" uppercase="yes" size="xl" special="no" border="no" icon="0" custom_background="#fe6c61" custom_text="#ffffff"][kleo_gap size="40px"][/vc_column_inner][vc_column_inner width="1/3" bg_gradient="yes" css=".vc_custom_1456321023266{background-image: url(http://seventhqueen.com/demo/kleo/wp-content/uploads/2016/01/services_002.jpg?id=7827) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}"][kleo_gap size="220px"][vc_column_text lead="yes" text_color="#ffffff" letter_spacing="" css=".vc_custom_1454141384798{margin-bottom: 0px !important;}"]Lorem ipsum dolor sit amet.[/vc_column_text][vc_custom_heading text="SERVICE NO. 3" font_container="tag:h3|font_size:28px|text_align:center|color:%23ffffff|line_height:32px" use_theme_fonts="yes" letter_spacing=""][kleo_gap size="80px"][kleo_button title="Read more" href="#" style="custom" font_size="14px" font_weight="700" uppercase="yes" size="xl" special="no" border="no" icon="0" custom_background="#fe6c61" custom_text="#ffffff"][kleo_gap size="40px"][/vc_column_inner][/vc_row_inner][vc_row_inner inner_container="yes" css=".vc_custom_1448375365223{margin-bottom: 120px !important;padding-top: 65px !important;}"][vc_column_inner offset="vc_col-lg-6 vc_col-md-6 vc_col-xs-12"][vc_custom_heading text="VIDEO" font_container="tag:h2|font_size:60px|text_align:left|color:%23342938|line_height:66px" google_fonts="font_family:Montserrat%3Aregular%2C700|font_style:700%20bold%20regular%3A700%3Anormal" letter_spacing=""][kleo_gap size="25px"][vc_column_text text_color="#ffffff" letter_spacing="" el_class="vertical-separator letter-spacing-75" css=".vc_custom_1454102684562{margin-top: 10px !important;margin-bottom: 40px !important;padding-right: 20px !important;}"]Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.[/vc_column_text][/vc_column_inner][vc_column_inner offset="vc_col-lg-6 vc_col-md-6 vc_col-xs-12"][vc_video link="https://vimeo.com/17574435"][/vc_column_inner][/vc_row_inner][vc_row_inner inner_container="yes" css=".vc_custom_1448468586245{padding-right: 0px !important;padding-left: 0px !important;}"][vc_column_inner css=".vc_custom_1454252882834{padding-top: 85px !important;padding-right: 85px !important;padding-bottom: 85px !important;padding-left: 85px !important;background: #ffffff url(http://seventhqueen.com/demo/kleo/wp-content/uploads/2016/01/top_section_twin.jpg?id=7828) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}"][vc_custom_heading text="LOREM IPSUM" font_container="tag:h5|font_size:14px|text_align:left|color:%23ff5e5e|line_height:18px" use_theme_fonts="yes" el_class="letter-spacing-25"][vc_custom_heading text="LOREM IPSUM" font_container="tag:h3|font_size:28px|text_align:left|color:%233f3241|line_height:34px" use_theme_fonts="yes" el_class="letter-spacing-25"][vc_column_text vertical_separator="yes" letter_spacing="75" css=".vc_custom_1454106163912{margin-top: 55px !important;margin-bottom: 55px !important;padding-right: 20px !important;}"]Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat.[/vc_column_text][kleo_button title="Read more" href="#" style="custom" font_size="14px" font_weight="700" uppercase="yes" size="xl" special="no" border="no" icon="0" custom_background="#fe5043" custom_text="#ffffff"][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row el_id="3rd-section-bg" inner_container="no" type="image" bg_position="bottom" bg_position_horizontal="center" column_gap="no" padding_top="" padding_bottom="" bg_image="7830"][vc_column][kleo_magic_container position="absolute" left="50%" min_height="521px" width="2560px" bg_pos_h="center" bg_pos_v="top" css=".vc_custom_1454253005565{margin-left: -1280px !important;background-image: url(http://seventhqueen.com/demo/kleo/wp-content/uploads/2016/01/dark-blue-triangle.png?id=7831) !important;background-position: 0 0 !important;background-repeat: no-repeat !important;}"][/kleo_magic_container][vc_row_inner inner_container="yes" css=".vc_custom_1448378983234{margin-top: 0px !important;margin-bottom: 150px !important;}"][vc_column_inner css=".vc_custom_1454252950884{padding-top: 85px !important;padding-right: 85px !important;padding-bottom: 85px !important;padding-left: 85px !important;background: #ffffff url(http://seventhqueen.com/demo/kleo/wp-content/uploads/2015/11/bottom_section_twin.jpg?id=7843) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}"][vc_custom_heading text="LOREM IPSUM" font_container="tag:h5|font_size:14px|text_align:left|color:%23312634|line_height:18px" use_theme_fonts="yes"][vc_custom_heading text="LOREM IPSUM" font_container="tag:h3|font_size:28px|text_align:left|color:%23ffffff|line_height:34px" use_theme_fonts="yes"][vc_column_text text_color="#ffffff" vertical_separator="dark" letter_spacing="75" css=".vc_custom_1454103440311{margin-top: 55px !important;margin-bottom: 55px !important;padding-right: 20px !important;}"]Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat.[/vc_column_text][kleo_button title="Read more" href="#" style="custom" font_size="14px" font_weight="700" uppercase="yes" size="xl" special="no" border="no" icon="0" custom_background="#312634" custom_text="#ffffff"][/vc_column_inner][/vc_row_inner][vc_row_inner inner_container="yes" el_class="map-wrapper"][vc_column_inner offset="vc_col-lg-offset-2 vc_col-lg-8 vc_col-md-offset-2 vc_col-md-8 vc_col-xs-12"][vc_custom_heading text="INTERNATIONAL" font_container="tag:h2|font_size:60px|text_align:center|color:%23342938|line_height:66px" google_fonts="font_family:Montserrat%3Aregular%2C700|font_style:700%20bold%20regular%3A700%3Anormal" letter_spacing=""][vc_column_text text_color="#ffffff" letter_spacing="" el_class="letter-spacing-75" css=".vc_custom_1454105867509{margin-top: 55px !important;margin-bottom: 55px !important;padding-right: 20px !important;}"]Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.[/vc_column_text][/vc_column_inner][/vc_row_inner][vc_row_inner inner_container="yes" bg_pos_h="center" bg_pos_v="top" css=".vc_custom_1454253527694{background-image: url(http://seventhqueen.com/demo/kleo/wp-content/uploads/2016/01/map.png?id=7837) !important;background-position: 0 0 !important;background-repeat: no-repeat !important;}" el_id="map-inner-wrapper"][vc_column_inner el_class="profile-card" width="1/2" offset="vc_col-lg-offset-4 vc_col-lg-4 vc_col-md-offset-4 vc_col-md-4 vc_col-sm-offset-3 vc_col-xs-12" css=".vc_custom_1448453382892{padding-right: 0px !important;padding-left: 0px !important;}"][kleo_magic_container position="absolute" right="30px" bottom="-20px" width="40px" height="40px" content_position="center" text_center="yes" full_height="yes" z_index="1" css=".vc_custom_1454113381885{background-color: #fe6c61 !important;}"][kleo_icon icon="angle-right" icon_color="#ffffff"][/kleo_magic_container][vc_single_image image="7836" img_size="full" full_width="yes"][/vc_column_inner][vc_column_inner width="1/2" css=".vc_custom_1454253182707{padding-right: 0px !important;padding-left: 0px !important;background-color: #ffffff !important;}" offset="vc_col-lg-offset-4 vc_col-lg-4 vc_col-md-offset-4 vc_col-md-4 vc_col-sm-offset-3 vc_col-xs-12"][kleo_magic_container vertical_separator="yes" css=".vc_custom_1454268365190{margin-top: 50px !important;margin-right: 40px !important;margin-bottom: 50px !important;margin-left: 40px !important;}"][vc_column_text font_size="12px" letter_spacing="" css=".vc_custom_1454253476334{margin-bottom: 0px !important;padding-top: 0px !important;padding-bottom: 0px !important;}"]<strong>ERIKA JOHANNESON</strong>
<a href="mailto:office@seventhqueen.com">office@seventhqueen.com</a>[/vc_column_text][kleo_icon icon="facebook"][kleo_icon icon="twitter"][kleo_icon icon="gplus"][/kleo_magic_container][/vc_column_inner][vc_column_inner][kleo_gap size="199px" visibility="hidden-xs"][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row el_id="newsletter-section" text_align="center" type="image" bg_position_horizontal="center" vertical_align="yes" padding_top="0" padding_bottom="270px" bg_image="7838"][vc_column][kleo_magic_container position="absolute" top="-1px" left="50%" min_height="521px" width="2560px" bg_pos_h="center" bg_pos_v="top" css=".vc_custom_1454253597692{margin-left: -1280px !important;background-image: url(http://seventhqueen.com/demo/kleo/wp-content/uploads/2016/01/dark-pink_triangle.png?id=7833) !important;background-position: 0 0 !important;background-repeat: no-repeat !important;}"][/kleo_magic_container][/vc_column][vc_column offset="vc_col-lg-offset-3 vc_col-lg-6 vc_col-md-offset-3 vc_col-md-6" css=".vc_custom_1448465801262{padding-top: 130px !important;}"][vc_custom_heading text="TRY IT NOW" font_container="tag:h2|font_size:60px|text_align:center|color:%23b5b6ba|line_height:66px" google_fonts="font_family:Montserrat%3Aregular%2C700|font_style:700%20bold%20regular%3A700%3Anormal" letter_spacing=""][vc_column_text el_class="letter-spacing-75" css=".vc_custom_1448460356532{margin-top: 55px !important;margin-bottom: 55px !important;padding-right: 20px !important;}"]
<p style="text-align: center;"><span style="color: #5e5e5e;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonum my nibh euismod tincidunt.</span></p>
[/vc_column_text][vc_column_text letter_spacing=""][mc4wp_form][/vc_column_text][/vc_column][/vc_row][vc_row el_id="footer_area" text_align="center" type="image" bg_color="#362b39" bg_position_horizontal="center" padding_top="125px" padding_bottom="125px" bg_image="7835"][vc_column width="1/2" offset="vc_col-lg-offset-4 vc_col-lg-4 vc_col-md-offset-4 vc_col-md-4 vc_col-sm-offset-3 vc_col-xs-12"][vc_single_image image="7834" img_size="99x29" alignment="center"][vc_column_text el_class="letter-spacing-75" css=".vc_custom_1448462128500{margin-top: 55px !important;margin-bottom: 55px !important;padding-right: 20px !important;}"]
<p style="text-align: center;"><span style="color: #837f85;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonum my nibh euismod tincidun</span>t.</p>
[/vc_column_text][kleo_button title="PURCHASE NOW KLEO" href="themeforest.net/item/kleo-next-level-wordpress-theme/6776630?ref=SeventhQueen" target="_blank" style="custom" font_size="14px" font_weight="700" uppercase="yes" size="xxl" special="no" border="no" icon="0" custom_background="#4b3e4f" custom_text="#ffffff"][kleo_gap][kleo_icon icon="facebook" href="#" padding="15px" icon_color="#ff5e5e"][kleo_icon icon="twitter" href="#" padding="15px" icon_color="#ff5e5e"][kleo_icon icon="gplus" href="#" padding="15px" icon_color="#ff5e5e"][/vc_column][/vc_row]

Kieran

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

December 28, 2017 at 20:51 #184135

Participant

hm… that is alsno not mobile friendly: https://webwinkelcommunity.nl/original/

December 28, 2017 at 21:07 #184136

Moderator

Hi,

That result is expected as the structure remains mostly identical between the demo and your page, only the content changes.

The tool you’re using doesn’t provide any usable insights into what it believes to be an issue so finding it and fixing it to meet their standards will be very difficult and may not actually be an issue at all.

I’ll ask a developer to look at this for you but without further insight from the tool I am not sure what we can do. A developer will be in touch with you as soon as they can, Monday to Friday, East European Time.

Thank you for your patience,

Kieran.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

January 3, 2018 at 18:14 #184613

Moderator

Hi,

I will add this to bug-list, it seems that happens on our demo
https://search.google.com/test/mobile-friendly?id=T-GuZacBReROvRKJHK62Zg

That demo uses some trick to make the triangles to connect from one section to another, maybe because of this, i will add this to bug-list and we will investigate that and we will let you know

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

January 3, 2018 at 19:31 #184624

Participant

OK, great and thanks @radu.
please keep me posted on the progress

January 8, 2018 at 15:26 #185147

Moderator

Ok, we will let you know

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

January 28, 2018 at 23:30 #187166

Participant

please could you update this ?

January 30, 2018 at 16:37 #187286

Moderator

Hi,
Still on pending on our buglist but there it’s no issue actually, your website its usable… only google algo detects that buttons to close.

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

June 1, 2018 at 08:50 #199580

Participant

is there any update on this ?

June 4, 2018 at 19:24 #199890

https://search.google.com/test/mobile-friendly?id=0-aw-0xqYQOognJP9eQE4A

Moderator

Hi,

IT’s still in the list…

I think know why the google says that the page is not mobile friendly and the content exits from the view

In the fist section it’s a element named kleo magic container that makes the effect with the angle from a section to another

From example this page from kleo theme it’s mobile friendly

Not sure if the kleo magic container can be changed, you can do some tests in a new page by cloning the page and removing the kleo magic container then test if still apepars the page is not mobile friendly.

Cheers
R

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution