Strong Pro Theme Support Questions

[Derek]

Hello,

Quick side note: We’ve been asked 3 or 4 times to list our site in e-mails and in the support forum. Again it’s www.fletcherkempo.com and it appears in the signature of every e-mail we’ve sent…including the last one.

We posted our questions here and still no answer. We are having to figure all of our questions out ourselves. Certainly not what we anticipated for “customer support.” Please add Strong Pro Theme to the menu on your support page. Putting our questions in the “other themes” category seems like we’ll all be the last to be answered (if ever) because it’s not listed there.

But, if we may list 2 questions/issues to in this e-mail:

1) The mobile version (on iPhone) site is showing up off center in the footer section when phone is held in vertical view rather than horizontal view. Specifically the headings “Site Map” and “Our Web Community” are only half showing. How can this be fixed. All the page links in blue show in the footer are fine in vertical and horizontal view. (also “mobile settings” usually appears under “Appearance” in dashboard with wordpress sites but we don’t see it there. Where are the settings for mobile in this Strong Pro Theme?

2) Page Images (at the top of each every page (not homepage slider) don’t show up as extended across the entire screen while viewing the site with iPhone in horizontal view position. Not until one hits the refresh the page reloads and then the image full extends across the top of the screen.

3) On the mobile site these 3 specific menu headings: Classes, Events, Community should not be clickable. We have set them so they are not clickable. On desktops and laptops those links work as intended…not clickable. How do we make the mobile site perform the same way. (not clickable)

Please do the best you can to answer the questions. We prefer not to give out our passwords and usernames to customer support nor create new ones exclusively for support purposes. Thank you in advance.

-Team Fletcher Kempo

[Sonl Sinha]

Hi Derek,

Kindly go to Appearance>>Customize>>Basic>>Custom CSS Box

Add this code there:

.menusection #simple-menu {
  top: -70px !important;
}

.sidr ul li a, .sidr ul li span {
    display: block !important;
    padding: 1px 20px !important;
}

.sidr-class-menu-item-17708 > a, .sidr-class-menu-item-17712 > a, .sidr-class-menu-item-17688 > a {
    pointer-events: none !important;
}

.page_head img, .post_head img {
    width: 100% !important;
}

#footer .rowfooter {
    margin: 0 -15px !important;
}

Regards,
Brad

[Derek]

Hello Bradley,

Thanks for the code and response. That fixed the visual problem of the footer menu links while viewing in vertical. However:

1) On every page, while in vertical view, that top menu bar selector (the three black bars symbols to open up the menu of pages) is now covering part of the “T” and the “E” in “Karate.” In horizontal view it does not cover those letters. How can that be fixed so that it does not cover these letters in vertical view?

2) Those 3 menu links (Classes, Events, Community) are still clickable in the footer menu and should not be. How can this be fixed?

3) No featured image at all is showing up on the individual blog post page. The featured image should be showing when you click a post. How can we get the featured image to show. (it does not show on mobile or desktop)

Thank you,

-Team Fletcher Kempo

[Sonl Sinha]

Hi Derek,

Add this code in Custom CSS:

.entry-thumbnail img{height: auto; max-width: 100%;}

.page-item-17461 > a, .page-item-17463 > a, .page-item-17465 > a {
    pointer-events: none !important;
}

@media (max-width: 330px) {
.logo h2, .logo h1, .logo h2 a:link, .logo h2 a:visited, .logo h1 a:link, .logo h1 a:visited, .logo h2 a:hover, .logo h1 a:hover{font-size: 34px;}
}

To display featured image on individual blog post page edit following files:
rightsidebar_single_template.php
leftsidebar_single_template.php
nosidebar_single_template.php
fullwidth_single_template.php

Goto line number 39 and add below code just after “<!–POST INFO END–>”

<?php if ( has_post_thumbnail() && ! post_password_required() && ! is_attachment() ) : ?>
    <div class="entry-thumbnail">
      <?php the_post_thumbnail(); ?>
    </div>
<?php endif; ?>

Regards,
Brad

[Derek]

Hello Brad. Thank you. These are not completely fixed yet. Almost…

1). The code to prevent the 3 black menu bars from covering the “T” and the “E” in the header while in vertical view was 50% successful. The “T” is no longer covered at all. That’s great! But, the the bottom part of the “E” still is covered by the top black bar. (this is on iPhone 5 vertical view) How can we fix it?

2). The featured image for individual blog posts now shows up on mobile view, but still does not show up on desktop laptop view. The header image section for where the featured image should appear is still empty. How can we fix it?

Thank you.

-Team Fletcher Kempo

[Sonl Sinha]

Hi Derek,

1. Kindly send us screenshot of this issue. Upload your screenshot on imgur.com and paste the share URL here.

2. Clear the cache of your browser and check again. Featured images appears on all screen sizes.

Regards,
Brad

[Derek]

Hello Brad,

1. Can we e-mail you the screenshot? It appears that imgur.com is some kind of photo posting/sharing site outside of this SKT forum that one has to sign up for. If you could send an e-mail to info to our info@ alias here on file we can respond with a screenshot. On the vertical mobile view the black bar (top bar) is covering the bottom of the “E” in the word “KARATE” at the top of the screen in the header section on every page you look at including the homepage. Thank you.

2. Perhaps there’s a misunderstanding. By “featured image” in this case we mean the blog post image is not showing up at the top of the page. For example, every page on our site has a “featured image” at the top. The “About” page has a tree stump with a green leaf. How do we get the featured image in the blog post to also show up at the top of the individual page? You have solved the first part of the problem regarding the featured image not showing in the individual post. It shows.

[Sonl Sinha]

Hi Derek,

1. You don’t need to sign up there. You can upload your screenshot on dropbox also and share the URL with us.

2. Kindly go to sktframe/core-pageheader.php line number 40 to 58

Replace the code with this code:

 <!--page_head class END-->
    <?php } ?>

   <?php if (is_single()) {?>
   <?php 
   $newimgbg = get_post_meta( $post->ID, 'post_head', true ); 
   $headshort = get_post_meta( $post->ID, 'headercode', true );
   ?>
  <!--Header POST-->
      <div class="<?php if(!empty($complete['hide_postheader'])){ echo 'hide-header';} ?>">
    <?php
  if(!empty($headshort)){
  ?>  
    <div class="shorthead"><?php $hdrtp = html_entity_decode($headshort); $hdrtp = stripslashes($hdrtp); echo do_shortcode($hdrtp); ?></div>
    <?php }
  
  elseif ( has_post_thumbnail() ) {
  ?>
    <div class="page_head"><?php the_post_thumbnail(); ?></div>
  <?php
  }
  
  else {?>
      <div class="post_head <?php if($complete['postheader_bg_image']){ ?>post_head_bg<?php } ?>"></div>
      <?php } ?>
   </div>
      <!--page_head class END-->

Regards,
Brad

[Emily]

Hi,

I’m having an issue with my top menu on small screens. When it comes to tablets and cellphones, the top menu is too wide. Please, see screenshot below.

https://www.dropbox.com/s/2ldeb3bwm3lk58t/Screenshot%202017-06-08%2016.27.19.png?dl=0

How can I fix that issue?

Second, I would like to arrange service blocks positions on smaller screens. Right now, it is reducing the width of each block and displaying them side by side. That makes them impossible to read on cellphone screens. I would like to add breakpoints on each of those service blocks and displaying them one on top of the other, reducing the width of each block to 80% of the cellphone screen.

Please advice,

Veronica

[Sonl Sinha]

Hi Emily,

Kindly show us your website URL so that we can assist further.

Regards,
Brad

[Author]

Posts