New Landing › How can we help? › Themeforest Theme Support › Dante › swift page builder sticky header (not site sticky header)

Viewing 14 posts - 1 through 14 (of 14 total)
  • Back to forum
    Posted in: Dante
  • August 26, 2014 at 9:26 pm #104313
    Ken
    Member
    Post count: 71

    Hi guys,

    In swift page builder you have the header bar as follows:

    Elements Layout Pre-Built Pages Custom Templates Clear All Content

    That is a sticky header, so when I scroll down I can continue to select elements, which is great.

    However, the Custom Templates only display as a list, not as a grid. I have now got a fair number of custom templates. When working on my laptop (15.6″ monitor) that list drops down off the bottom of the page. If it changed from a list to a grid then it would be fine, or if the header was not sticky then I could scroll down to the bottom of the list. But because the header is sticky I cannot scroll the list.

    I also encounter this problem with the Elements drop down. The grid displays in different dimensions before I start scrolling and after the header has gone sticky, and in fact the grid moves from a more horizontal orientation before scrolling to a more vertical (list) configuration. This means that I can never reach the bottom few elements if I have scrolled, I must always go back to the top of the page to where the header is no longer sticky to select those.

    At least there is that work-around.

    With the custom templates there is no way to select the most recent templates which are at the bottom of the list without plugging my laptop into my 22inch monitor.

    But the list has reached the bottom of my 22inch monitor as well, so if I save another template there will be no way to select it.

    August 26, 2014 at 11:55 pm #104363
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Hi,

    Never seen this issue before, guess it must be related to the number of templates you have.
    Can you provide us admin credentials to your website so we can try to find an alternative?

    -Rui

    September 1, 2014 at 6:23 pm #105945
    Ken
    Member
    Post count: 71
    This reply has been marked as private.
    September 2, 2014 at 11:05 am #106277
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

    I will forward this to the developer to see if he can come up with a solution for you

    – Kyle

    September 2, 2014 at 4:43 pm #106417
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779
    This reply has been marked as private.
    September 2, 2014 at 4:45 pm #106419
    Ken
    Member
    Post count: 71

    Correct 🙂

    September 2, 2014 at 11:00 pm #106487
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779
    This reply has been marked as private.
    September 6, 2014 at 10:03 am #107614
    Ken
    Member
    Post count: 71

    Hi Rui,

    I’ve added the code, and added a screen showing both the custom templates and asses dropdown.

    1. Custom templates – the code narrowed the buttons, but they didn’t wrap so there is still no visibility of the bottom of the list. The nav bar is also wrapping funny because of the 500px width, but that is certainly something that I could live with if need be.

    2. In the screenshot I’ve also pasted screens of the various dropdown assests – you’ll see in all of them that the bottom of the lists is cut off.

    Attachments:
    You must be logged in to view attached files.
    September 8, 2014 at 9:55 am #107933
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Hi,

    one of the css was wrong.

    Delete this one

    
.custom-templates-nav{
width:500px!important;
}

    And add the code bellow to page-builder.css

    

.custom-templates-nav .spb_templates_ul{
width:500px!important;
}

pre-built-pages-nav .spb_templates_ul{
width:546px!important;
}

    -Rui

    September 11, 2014 at 7:22 am #109425
    Ken
    Member
    Post count: 71

    Thanks Rui, that was indeed the problem.

    If anyone else has the problem, I find this variation of the code works best for me

    .spb_template_li {
width: 33%!important;
}

.custom-templates-nav .spb_templates_ul{
width:600px!important;
}

.pre-built-pages-nav .spb_templates_ul{
width:600px!important;
}

ul.dropdown-menu.spb_elements_ul {
    width: 750px;
}
    September 11, 2014 at 8:28 am #109446
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Great, thanks 🙂

    – Kyle

    September 11, 2014 at 8:41 am #109452
    Ken
    Member
    Post count: 71

    Now that I’ve changed the page-builder.css file, does that mean I should be using a child theme?

    September 11, 2014 at 8:47 am #109455
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    No, as you can’t make that change in a child theme. You will have to remember to make the change each time you update the theme

    – Kyle

    September 11, 2014 at 3:51 pm #109686
    Swift Ideas – Ed
    Keymaster
    Post count: 15264

    Hi @Ken

    I’ll check this code and see if it makes sense for us to implement it as standard.

    – Ed

  • Back to forum
    Posted in: Dante
Viewing 14 posts - 1 through 14 (of 14 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register