1 year, 8 months ago pixelwiseParticipant
#1 How do I make the slider continuously loop when it reaches the end? I don’t want it redirected to the start; I want to see the slider continuously loop when I go to either left or right direction.
Slider Type: Gallery Carousel
Gallery Carousel Effect: Simple
Slider layout: Fullwidth
Active Fixed Slider: Off
Active Parallax: On
#2 On the ipad, my navigation menu goes down from its place while the logo remains at the top left.
How do I make the nav menu responsive so that it still retains in-line with the logo?
The nav menu has 7 items/pages with the search button at the end. The logo is 267px wide and floated left.
It’s responsive with lesser menu items; but all menu items are needed. Further, the distorted nav also occurs between 980px to 1275px wide.
At a screen width of 1903px:
The nav bar (logo, menu, search button) is 1100px wide.
Logo is 266.656px wide.
Menu is 721.266px wide.
Search button is 34px wide but with a left margin of 20px.
#3 As another option for #2, how can I make the navigation menu turn into the mobile menu?
#4 When in mobile view on a page with a gallery carousel, the menu becomes twice its original height. So, there is a line for the menu and logo, another line that’s just white space. How do we remove the white space?
I have tried entering custom CSS as well as media queries through Specular General Options as well as adding a modified style.css to the core files via the child theme. I am using the child theme. I have the latest version (from Feb 18, 2016); WP version is 4.4.2. — The custom CSS is not getting implemented or applied.
1 year, 8 months ago MihailaKeymaster
1-Please read this related topic.
2-Decrease the menu items padding and margin to decrease it’s width so that it won’t slide down when the screen gets smaller. edit these values in General Options > Header Options > Menu Options.
3-If you have enabled the responsive mode, then you will have automatically the mobile menu on. Check it at General Options.
4-Please send us a link so we can give specific css.
*The custom css box has no issue and the code inserted will work. Please make sure first that you are modifying the right css classes.
Let us know.
1 year, 7 months ago pixelwiseParticipant
Thank you. On #2, I made the font size decrease at ipad portrait screen and then go mobile at a smaller screen. #3 was already enabled pre-query (I had to do custom CSS to match it to preference). CSS is working too.
I’ll check on #1 if it would work for me. I’ll update you.
You must be logged in to reply to this topic.