Canvas Support

Navbar Toggle and Flex Slider questions

4 replies · opened Mar 19, 2020

Ccochn01Mar 19, 2020

Hello,

Hope all is going well for you guys. Have two easy questions, but wasn't sure how to work-around.

  1. For Flex Slider how do I turn-off the menu/arrow bounce on scroll feature?
  2. On mobile view how do I center navbar-toggle so it lines up under the logo? Example: Like for Android 6 or iPhone 6? Please see screen shot.
  3. Also, is there any way to slightly increase slider height size on mobile view?

Here's a link to the site https://nilesadvertising.com

Thank you!
Nina

Ccochn01Mar 19, 2020

Forgot to include sample pict for #1

Thanks Again,
:-)

SSemicolon WebSTAFFMar 20, 2020

Hello,

  1. Simply add the data-smooth-height="false" Attribute to the .fslider Element.

  2. Can you please let us know which Navbar Toggle you are referring to? Additionally, as we have mentioned earlier, we currently do not provide Customization related Support according to the Item Support Policy: https://themeforest.net/page/item_support_policy . You will need to manually code this or Hire a Freelancer to help you out.

  3. Use the following CSS code to increase the Height of the Slider on Mobile Devices and change the values according to your needs:


.device-xl .slider-element { height: 700px; }

.device-lg .slider-element { height: 700px; }

.device-md .slider-element { height: 550px; }

.device-sm .slider-element { height: 350px; }

.device-xs .slider-element { height: 250px; }

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Ccochn01Mar 20, 2020

Hi there. Thanks for getting back so quickly!

  1. This worked perfectly. Thank you!

  2. I wasn't sure this was custom. Thought there was a way to include xs to - col-md-12, nav-toggler, justify-content-center or align-items-end. Technically the navbar-toggler icon is being moved to next line and tucks under the logo (which is correct). It appears to be a default coding setting or flex element that is a part of the original set-up. The icon on small mobile screens is not centered and right now it's flushed left.

  3. Yes of course! I totally missed that. Thank you.

Nina

Ccochn01Mar 23, 2020

Got it!

@media (max-width: 480px) {
#logo {
width: 100%;
}
.navbar-toggler {
width: 100%;
}
}

:-)

Thanks
Nina

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard