This topic is: not resolved

Slideshow and navigation bar

  • Avatardaniel
    Participant
    Post count: 36
    # 3 years, 6 months ago

    When the slideshow only has one photo it displays like on the screenshot (should be a thumbnail like when you have multiple images on the bottom of the main photo). Point 2 is the navigation bar, scale down your browser slowly to mobile version, there is a delay from when the main navigation bar hides and the mobile navigation appears there is nothing displayed. This should be seamless from one to another.

    Please can you get back to me with a fix ASAP please as I have got to get this website live today and need these 2 bugs resolved? Thank you!

    Attachments:
    You must be logged in to view attached files.
    AuthorAuthor
    Keymaster
    Post count: 26666
    # 3 years, 6 months ago

    Hi there

    Please share your website URL so i can check the issues.

    Thanks

    Avatardaniel
    Participant
    Post count: 36
    # 3 years, 6 months ago
    This reply has been marked as private.
    AuthorAuthor
    Keymaster
    Post count: 26666
    # 3 years, 6 months ago

    Thanks for the URL. I couldn’t find any property where i can see a slider in the header, can you share the URL for that.

    For the navigation, it is hidden for 1px screen difference and that is because of the bootstrap responsive query change. You can try changing the line in style.css
    @media only screen and (max-width: 992px)

    TO

    @media only screen and (max-width: 991px)

    Thanks

    Avatardaniel
    Participant
    Post count: 36
    # 3 years, 5 months ago
    This reply has been marked as private.
    Avatardaniel
    Participant
    Post count: 36
    # 3 years, 5 months ago
    This reply has been marked as private.
    AuthorAuthor
    Keymaster
    Post count: 26666
    # 3 years, 5 months ago

    Thanks for the URL, i can see slideshow image as it should be on the shared page URL: http://drops.imithemes.com/14UUM

    For the navigation fix, i can’t see the change in your style.css. If you have reverted the change back then please put it back so i can check it.
    Thanks

    Avatardaniel
    Participant
    Post count: 36
    # 3 years, 5 months ago
    This reply has been marked as private.
    AuthorAuthor
    Keymaster
    Post count: 26666
    # 3 years, 5 months ago

    Sorry, i though you were asking about the slider at top. You can add custom css:
    .property-slider #property-thumbs .slides li{with:175px;}

    For navigation put the custom change back so i can check it.

    Thanks

    Avatardaniel
    Participant
    Post count: 36
    # 3 years, 5 months ago
    This reply has been marked as private.
    AuthorAuthor
    Keymaster
    Post count: 26666
    # 3 years, 5 months ago

    To hide the thumbs when there is 1 pic use custom js at Theme Options > Custom CSS/JS
    jQuery(document).ready(function(){
    var count = jQuery("#property-thumbs .slides li").length;
    if(count <= 1){
    $('#property-thumbs').hide();
    }
    });

    For menu change in bootstrap.css Change 991 to 992 in both instances:
    @media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm,
    tr.hidden-sm,
    th.hidden-sm,
    td.hidden-sm {
    display: none !important;
    }
    }
    @media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
    display: block !important;
    }
    table.visible-sm {
    display: table;
    }
    tr.visible-sm {
    display: table-row !important;
    }
    th.visible-sm,
    td.visible-sm {
    display: table-cell !important;
    }
    }

    Thanks

    Avatardaniel
    Participant
    Post count: 36
    # 2 years, 8 months ago
    This reply has been marked as private.
    AuthorAuthor
    Keymaster
    Post count: 26666
    # 2 years, 8 months ago

    Support term expired. Renew it here: http://support.imithemes.com/extend-your-support-term/

    AuthorAuthor
    Keymaster
    Post count: 26666
    # 2 years, 8 months ago
    Avatardaniel
    Participant
    Post count: 36
    # 2 years, 8 months ago
    This reply has been marked as private.
    AuthorAuthor
    Keymaster
    Post count: 26666
    # 2 years, 8 months ago

    I have noted your points about the navigation and search bar on header style 3. These will be added/fixed in the coming update of theme. Thanks

    Avatardaniel
    Participant
    Post count: 36
    # 2 years, 8 months ago
    This reply has been marked as private.
    AuthorAuthor
    Keymaster
    Post count: 26666
    # 2 years, 8 months ago

    Can you setup your home search with 2 rows so I can check why it is hiding completely on minimize? As I checked it on my test environment and is working fine for me. Thanks

    Avatardaniel
    Participant
    Post count: 36
    # 2 years, 8 months ago
    This reply has been marked as private.
    AuthorAuthor
    Keymaster
    Post count: 26666
    # 2 years, 8 months ago

    Can you make the search form 2 rows so I can see why it cuts off completely when minimized. Your website have 3 rows form as of now which works fine for me.

    About the select dropdown hiding behind slider. It seems like your custom script on the homepage is causing this.
    $(document).ready(function () {
    $('.selectpicker').selectpicker();
    });

    It should be this or should not be here as selectpicker is already initiated in the init.js
    $(document).ready(function () {
    $('.selectpicker').selectpicker({ container: 'body' });
    });

    Thanks

    Avatardaniel
    Participant
    Post count: 36
    # 2 years, 8 months ago

    Thank you, I removed that from the code and its now working.

    In regards to the 2 and 3 rows, I select the “Property Sales” option, click on the plus button, then when it is open, click the “Holiday Rentals” button, click the plus button, then the minus button, then you can see the options hidden.

    Also on the home search, when your on the mobile view (when the mobile navigation bar is visible, when it loads up on this view, then you expand the page to the desktop view, the search has completely disappeared.

    Any update on the navigation bar transition to mobile disappearing?

    Other than that, its great, thank you!

    AuthorAuthor
    Keymaster
    Post count: 26666
    # 2 years, 8 months ago

    I see, now but that not a template problem. The height of the search form is not appending dynamically, it is for the 3 rows form but once you select the “Holiday Rentals” option, you made it to change the form which is 2 rows form and this is where the problem comes. I suggest you to make all the forms for all options as 3 rows or atleast keep the height of the forms as height of 3 rows form as on minimize it keeps showing the first row of fields.

    Try adding custom css
    @media only screen and (max-width: 992px) {.site-search-module{bottom:-180px;}}
    If this doesn’t help then you must use the latest version of code of init.js file for the template as it was fixed in an update.

    For me the menu is showing when changing view from desktop to mobile or from mobile to desktop.

    Thanks

    Avatardaniel
    Participant
    Post count: 36
    # 2 years, 6 months ago
    This reply has been marked as private.
    Avatardaniel
    Participant
    Post count: 36
    # 2 years, 5 months ago

    Can someone please get back to me from my previous comment 11 days ago?!

    I am happy to renew the support if you fix the issue discussed in my previous comment 11 days ago.

    AuthorAuthor
    Keymaster
    Post count: 26666
    # 2 years, 5 months ago

    @daniel The custom values change on option selected is not included in the theme. I am not sure if I could of any help with the custom work you have done with the template. Thanks

Viewing 25 posts - 1 through 25 (of 27 total)

You must be logged in to reply to this topic.