Hello, @mileva_lukic

I want to change the title CATEGORY of the drop down menu at the top right side of the page. How?

To change title CATEGOTRY of the dropdown menu at the top right side of the page you need to do customization by creating child theme.
To create child theme reference here https://codex.wordpress.org/Child_Themes and don’t forget to activate child theme.
Now in functions.php of your child theme you need to add the following code:

function photo_perfect_add_category_navigation(){

    $show_category_dropdown = photo_perfect_get_option( 'show_category_dropdown' );
    if ( true !== $show_category_dropdown ) {
      return;
    }
    ?>
    <div id="category-menu" class="clear-fix header-navigation">
      <div class="container">
        <button class="nav-list-btn"><i class="fa fa-list"></i><span><?php _e( 'Your text', 'photo-perfect' ); ?></span></button>
        <div class="category-list-wrapper">
          <ul>
          <?php wp_list_categories( 'title_li=&depth=1' ); ?>
          </ul>
        </div><!-- .category-list-wrapper -->
      </div><!-- .container -->
    </div><!-- #category-menu -->
    <?php
  }

Hope this will help to resolve your issue.

Regards!!!

I see that you have other CSS codes (probably your plugins style) overriding the current slider behavior as a result above code is not working. Based on this assumption, we have generated following CSS which should now work.

Please remove the above suggested code and try the following CSS.

.evision-slider-content {
display: table;
height: 100%;
text-align: center;
width: 100%;
position: static;
}

.evision-slider-caption{
display: table-cell;
height: 100%;
vertical-align: middle;
width: 80%;
}

@media screen and (max-width: 767px){

.evision-wrap-banner .bx-viewport, 
.evision-wrap-banner .bx-wrapper,
.evision-main-slider{
    height: 50vh !important;
}

.evision-slider-caption {
  width: 96%;
  padding-bottom: 10%;
  padding-top: 10%;
}
}

Make sure that you have viewed your site in safari browser in iOS devices not in Windows to verify it is working in Safari.

Hope this helps !.

Hello, @gideondavies

Following the demo of the theme there is no such issue of padding or else in mobile view.
It works all fine in mobile with portrait or in landscape view without any issue of such padding.
You can check demo in mobile view as well from here http://demo.wenthemes.com/photo-perfect/
It might be due to third party plugins that you have installed or else but not due to the theme itself.

Best Regards!!!

Hello @Anthony,
Try this code inside child theme’s functions.php only:

<?php
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles');
function theme_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
   }

And your child theme’s style.css goes something like this:

/*
Theme Name:     Bizlight Pro child
Description:    Bizlight Pro child theme
Author:         admin
Template:       bizlight-pro

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/

Let us know how it works.
Regards.

Hello, @shutupandeatyourcoal

disable the automatic zoom when you hover-over an image with the mouse?

To disable the automatic zoom when you hover-over an image with the mouse, you need to add custom CSS.
To add custom CSS go to Admin Panel -> Appearance -> Customize -> Theme Options -> Advanced Options.
In advanced options section you will see a box to write custom CSS.
Now copy and paste below code in that box.

.masonry-entry:hover a img{
    -webkit-transform:scale(1); 
    -moz-transform:scale(1); 
    -ms-transform:scale(1);
    -o-transform:scale(1); 
     
  }

Hope this will help to solve your issue.

Best Regards!!!

Hi,

Try adding below CSS in Custom CSS box.

.evision-slider-content {
display: table;
height: 100%;
text-align: center;
width: 100%;
position: static;
}

.evision-slider-caption{
display: table-cell;
height: 100%;
vertical-align: middle;
width: 80%;
}

@media screen and (max-width: 767px){
.evision-wrap-banner .bx-viewport{
  overflow: visible !important;
}

.evision-wrap-banner .bx-viewport, 
.evision-wrap-banner .bx-wrapper,
.evision-main-slider{
    height: auto !important;
}

.evision-slider-caption {
  width: 96%;
  padding-bottom: 10%;
  padding-top: 10%;
}
}

Hope this will work for you.

Regards!!!

Hello @ Anthony,
For menu hover, you can paste the following code in your child theme’s style.css or in Custom CSS section.

.main-navigation ul ul{
background-color:#F40000 !important;
}
.main-navigation ul ul ul{
background-color:#F40000  !important;
}

This should change the main nav active hover color.

And for customization, you can customize in your child theme. Now even if new version of the theme is released then it won’t effect the customization that you have made in your child theme.

Regards.

Hi,

Go to Appearance -> Customize -> Theme Options -> Custom CSS in your dashboard

And put the following CSS code:

.bx-viewport, .bx-wrapper {
    position: relative;
    width: 100%;
    height: 500px !important;
    top: 0;
    left: 0;
}

Hope this will help.

Regards!!!