-
In reply to: Tablet Responsiveness & Carousel Looping
Hello,
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.Best regards!
In reply to: Issue with submenu
Hello,
That is not exactly an issue. The style of mobile sub-menu has been changed from the online demo version to the current one.
I added this code into your custom css box:.menu-small ul.menu > li > a { color: #2a2a2a !important;} .menu-small ul.menu .codeless_custom_menu_mega_menu h6 { color: #2a2a2a !important; } .menu-small { background-color: #FDFCFC !important;} .menu-small ul li a { color: #524B4B !important; font-size: 14px !important; padding-left: 13% !important; }to make it just like the demo.
Let us know if you need anything else.Best regards!
#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
Slides: 5
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?
Other Details:
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.In mobile view with responsive site turned on clicking the menu button to open new options doesn’t work. I have searched high and low for a setting to fix this and I can’t find an option that looks like it is for the mobile menu.
In reply to: Responsive mobile problems…
Hello,
You have enabled the side menu in mobile. That is why the horizontal scroll is active. because when you scroll page left-to-right, the side menu shows up.
There is no other element that exceeds the supposed width so you can’t really change anything here.
Let us know.Best regards!
In reply to: Centered header style
Hello,
I’m using a mobile menu plugin as it’s more cutomizable – change colours of background and hamburger icon, change positions, even use a different logo than the desktop version.
Please can I get a code to remove the header from the mobile.
Maybe customization’s for mobile can be included in future updates.
Thank you
In reply to: Responsive drop down menu background
I had the same issue (white background and white text so couldn’t see the mobile menu). This solution worked for me. I am using Simple Custom CSS plugin to apply global CSS classes.
In reply to: Menu / Navigation text below menu bar
i fixed it with the following code:
[code]
@media (max-width: 1100px){
header#header #navigation { display: none;}
.mobile_small_menu { display: block;}
#logo { left: 40%;
position: relative;
float: left;
height: 100%;
}
}[/code]
In reply to: Mobile menu
Hello,
Please make sure you have enabled the mobile menu for display. Go to General Options > Header Options > Show Responsive Menu Dropdown, set it ON.
let us know if the issue persists.Best regards!
Topic: Mobile menu
1. header menu is not showing on mobile browsers
2. maybe as alternative, i could use a dropdown menuThanks in advance
Hi — the theme is great and we’ve pretty much got everything in order the way we want. The one quirk for us is on mobile. We have a white logo, so it’s not really displaying well on mobile because the menu background is also white.
Is there something we can put in our custom CSS box to add a simple background on the menu, so our menu would look similar to what’s on the desktop version? It doesn’t even need a gradient; a solid color would be fine.
Our site is http://www.sowhatkc.com, if it would help you to check it out.
Thanks so much!
In reply to: Centered header style
Hello,
Theme is perfectly responsive so it has a mobile menu available. What issue did you experience with it? Let us know so we can help you.
Best regards!
In reply to: Drop Down Menu’s Parent Menu Deactivation
Hello,
Sorry for the late reply.
Nice to see you found a solution, but you need to know that this code targets one specific menu item. If you happen to add more parent items, it will not work on them.
Try this code instead:.menu-small ul.menu .menu-item-has-children { pointer-events: none; }for the mobile menu. This targets all items that have sub-menus.
And this:
.menu-item-has-children {pointer-events: none;}for the normal desktop menu.Best regards!
In reply to: Drop Down Menu’s Parent Menu Deactivation
Actually I got this after all, I just added these to my css box (first is for desktop and second one is for mobile):
#menu-item-3410 > a {
pointer-events: none;
}#responsive-responsive-menu-item-3410 > a {
pointer-events: none;
}In reply to: Centered header style
