Docs

[Stephan M]

Hi, I’m building off Icon #1. I have two questions.

1) I have added the custom CSS necessary to hide the social icons above my fixed top bar nav. How can I keep it always fixed, not just after I start to scroll? I want to prevent the little “budging” that happens before it affixes.

2) In Icon can I have BOTH a left and right sidebar at the same time? Ideally I would have the fixed topbar and two fixed sidebars. If not, is there another stack that can accomplish this?

Thanks again!

[Rad]

Hi there,

Thanks for posting in.

1. Please add this CSS to Admin > Appearance > Customizer > Custom > CSS

@media ( min-width: 980px) {

.x-navbar {
position: fixed;
top:0;
width: 100%;
}

}

2. It’s not possible, columns and sidebar are only limited to what’s currently designed. Though might be possible through hard coding. Icon has special sidebar setting and it’s different from other stacks. It’s only the stack that can have sidebar on blank templates.

Thanks!

[Stephan M]

Hi Rad,

Thank you so much!

1) I have started using Superfly to at least mimic the functionality I want and so far, things at least look OK. But I have noticed that, for example, when the Superfly menu is enabled in panel mode on the left side, always show, and I have the navigation bar of Icon set to “fixed top”, right after the page refreshes I can see the logo and menu links and they appear to be where they would be as if I had a genuine left sidebar.

However as soon as the page scrolls, the affixed top menu “snaps” and the logo shifts left and the menu links slightly shift as well. If there was no Superfly “always show” panel menu on the left, then it wouldn’t do this shifting. Can you please recommend a way for me to prevent this, as without this error I believe I can achieve what I am looking for.

2) Also, speaking of Superfly, I noticed a bug when viewing the “always visible” panel on my iPhone in Safari. When the page is loaded in vertical orientation, everything appears to work correctly. However when I move my phone to landscape, I can no longer scroll using my finger on the Suerpfly sidebar unless I click a menu item which has a sub menu item. If I reload the page while maintaining the landscape orientation, I am then able to scroll again. Is there a workaround for this bug that you know of?

Thanks again for the great product.

[Rue Nel]

Hello There,

To assist you better with this issue, would you mind providing us the url of your site with login credentials, if necessary, so we can take a closer look? This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

To do this, you can make a post with the following info:
– Link to your site

– WordPress Admin username / password (only if necessary)

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thank you.

[Stephan M]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thanks for providing the information.

1] To resolve this issue, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

@media(min-width:980px){
  body.x-content-sidebar-active .x-navbar-fixed-top {
    margin-left: 275px;
  }  
}

2] Could you please take a screenshot so that we will have an idea of how it looks like? Please keep in mind that the Superfly events will work when use on portrait or landscape mode. Switching screens from portrait to landscape or vice versa may require reloading the page would be recommend so that the events would work out.

Hope this helps.

[Author]

Posts