Andy

[Andy]

Hi, there is no issue that we are aware of.

I have had a quick look at your site (assuming same site as your email domain) and I cannot see any problem with scrolling on mobile device (Android).

I’ll try to recreate the issue you are reporting. What mobile device and browser are you using when this issue occurs?
Does this problem also happen when you view our demo site?
Do you see this problem on your “live site” or is it only when in the customizer preview (or vice-versa)?

[Andy]

Okay, I have worked out why the page won’t scroll.

You have added some of your own custom CSS, specifically this line:
.woocommerce { overflow: hidden;}

This is causing the scrollbar to never appear on screen widths wider than 981px (on pages containing woocommerce elements such as the shop/products pages) because it is also wrapped within a @media rule like so:

/* 2 column layout */
@media (min-width: 981px) {
.woocommerce { overflow: hidden;}
.woocommerce:after { clear: both; }
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 { width: 100%; }
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 { display: none; }
.woocommerce .col2-set, .woocommerce-page .col2-set { float:left; width: 48%; }
#order_review_heading, .woocommerce #order_review, .woocommerce-page #order_review { 
float: left; 
width:48%; 
margin-left: 4%; 
}
}

I don’t know why that line would be needed but you can remove it and then it should work properly.

[Andy]

There are no products on your product page and no product categories for me to take a look at.

As there are no products, the page content does not have enough height for a scrollbar to appear, and thus I am unable to scroll when the browser window is full screen.

Hope I have understood the issue you described. Please provide more information if I am mistaken.

[Andy]

Could you try it with the addition of !important rule, same as before but like this:

@media screen and (max-width: 768px) {
    .slide.slide-count1 {
        background-image: url('path-to-img.jpg') !important;
    }
}

[Andy]

It will “crop” the sides of the image on mobile in portrait mode because the screen/browser size will be higher than it’s width, so this is normal behavior.

A couple of different things you could try;

1. use a different image for display on mobile. Add this to ‘Appearance’ > ‘Customize’ > ‘Additional CSS’:
(use actual name of your image instead of ‘name-of-image-for-mobile-view.jpg’)

@media screen and (max-width: 768px) {
    .slide.slide-count1 {
        background-image: url('http://thebeerandnow.com/wp-content/uploads/2019/06/name-of-image-for-mobile-view.jpg');
    }
}

2. set a maximum height for the image area so the height will be not so high in relation to the width. Disadvantage of this is that the image will no longer fill the screen/browser window top to bottom.
Again add to ‘Additional CSS’:
(experiment with different heights, the ‘400px’ value til you get the look you want)

@media screen and (max-width: 768px) {
    #home-slider-section .bx-viewport,
    .slide.slide-count1 {
        max-height: 400px;
    }
}

[Andy]

Just to add some more clarification, on your site I can see you are using the Yoast SEO plugin. This plugin does things slightly differently in regards to the static homepage.

When Yoast SEO is active, it will render the header title of the static homepage using the same format of the other pages e.g. “Page Name – Name of site”.
It is not the theme that is doing this, it is the Yoast SEO plugin. It is overriding the standard WordPress way of generating the header title for the static homepage.

To change this, in your dashboard go to the page editor for the page that is set as your homepage and edit the Yoast SEO setting for ‘Snippet Preview’ > ‘SEO Title’.

If you look at the Yoast SEO ‘Search Appearance’ page (Dashboard > SEO > Search Appearance) it explains this like so:

Homepage & Front page

You can determine the title and description for the front page by editing the front page itself.

[Andy]

Thank you for getting back to us and letting us know that the options to change the summary length works well.

Regarding the header titles, by default the homepage header will use the ‘Site Title’ and ‘Tagline’ from the ‘Site Identity’ options in the customizer.

For example in our demo the homepage header title is “Exoplanet Pro Demo – WordPress demo from UXL Themes”. The actual name of that page in the editor is “Sample Page” (we didn’t rename it from the initial setup).

The other pages/posts will use the title of the page/post followed by the ‘Site Title’, so for example a page named ‘About Us’ would have the header title of “About Us – Exoplanet Pro Demo”.

If you have a page named “Home” that is not the static homepage, then yes the header will be “Home – Name of my site”. If this is the case you can simply rename the page something other than “Home” to make it look more professional.

The theme uses the standard WordPress way of outputting the headers so any plugin that also follows the WordPress coding standards to make changes to the headers will work correctly with the theme.

What is the name of the plugin that you tried?

[Andy]

This page – https://arlearn.in/courses/academic-programmes/pre-intermediate-chemistry/ – that you say is an archive page is not. It is a “single learnpress course” page.

The archive pages are https://arlearn.in/courses/ or https://arlearn.in/courses/academic-programmes/ and they do display the featured image(s).

For the single course page, it appears to be using the Learnpress plugin single course page template. This is of course is not part of the theme and is a template of the Learnpress plugin.

There may be settings in the plugin for the featured image of each course, or the template may not display the featured image. I don’t know for sure sorry. It is not our plugin, so I would recommend that you ask the authors of the Learnpress plugin as they created the single course page template and will be able to help with your question.

[Andy]

This is a function that would need custom PHP coding to hook into the WooCommerce single product page, and is beyond the scope of the theme support.

We can only help with the theme’s functionality/design and minor CSS styling modifications, sorry.

You may be able to get help with this in the WooCommerce support forum or on the WordPress StackExchange channel.

[Andy]

In your dashboard go to ‘Appearance’ > ‘Widgets’

You will see a widget area named “Copyright Area”.

Add any of your available widgets (Text, Custom HTML, Image etc…) to the Copyright Area and your own content will then be displayed instead of the the “Powered by WordPress…” text.

[Andy]

This issue has now been fixed in the latest version of theme.

Please update Trusted Pro to version 1.5.9 and make sure to clear any caching to ensure the old code that was causing the conflict is not being loaded on page.

[Andy]

Thanks.

There is a conflict with our theme’s code for the homepage WooCommerce product tabs, which is causing this issue with the Learnpress profile tabs.

We will update the theme with a fix very shortly.

[Andy]

I have edited your post to removed the username and password. Please do not post sensitive information such as login details in the support forum. If you need to do so, please use the contact page instead.

Could you please explain in more detail what the issue is?

I can see the tabs on the profile page but no content to correspond with each tab, so I am unsure of what the tabs are supposed to do, or how they are supposed to work. Please provide some more info.

[Andy]

It looks like that plugin is possibly using the single template for the archives so you would need to force it to display correctly by adding this code to ‘Customize’ > ‘Additional CSS’:

.post-type-archive-lp_course .masonry-entry.masonry-2 {
    width: auto;
}

.post-type-archive-lp_course .masonry-entry.masonry-2.course {
    width: 31.3333%;
}

This should fix it in your particular case, but if you change the theme’s blog layout in the future, the code above will also need to be modified.

The Learnpress plugin should be using the archive template for course archives, with the single template only for each single course page. It would be worth asking the Learnpress plugin support if they can fix this issue so that it works properly.

[Andy]

Thanks. We’ll look into it.

[Author]

Posts