-
In reply to: How to change mobile menu icon to a custom color?
Use this custom code:
.cl-mobile-menu-button span{ background-color: #000; }Thanks
Hi,
the mobile menu of the site I am building is not working on the first loading. It only works after I reload the site the second time, this happens on 3 different mobile devices I tested on.
site:
stephanieting.comIn reply to: how do I get the dummy pages
In reply to: How to set mobile menu background to transparent?
Hi,
It works.
But something is still wrong with it, after I pasted this code, the logo and menu on all my other pages (beside homepage) on mobile view don’t work anymore!Topic: Handel Theme Bugs
Using the Handel Lawyer theme.
The hamburger toggle does not work upon first load. You can click the toggle button, and the css transition for the toggle fires successfully, however the menu stays hidden.The testimonials are also not aligned correctly on mobile due to the inline padding applied: padding-right: 10%; padding-left: 25%; The left padding being larger pushes the testimonials to the right.
In addition to horizontal centering issues, the vertical centering of them is off as well. Navigation (if using arrows) is vertically centered based upon the largest testimonial inside the owl carousel. When using navigation dots, they are placed below the container which results in the navigation dots being pushed much farther down on shorter testimonials. Regardless, none of the testimonials are ever centered vertically relative to its container.
These issues can be found on your demo.
Topic: Search bar in mobile
The Upper search bar cannot be used on mobile it hides under the iphone url part
url: https://www.ibnsinaoptics.com
and the burger menu stopped working
For some reason, on my site, the button on the mobile menu is actually 30px or so under the menu. How do I make it vertically centered with the logo and the hamburger icon?
Topic: SPECULAR – HEADER PROBLEM
Hi,
I wrote an email to [email protected] regarding this issue as the sidebar on this page (under “Support Renewals”) has instructed. I haven’t heard back in a coupole of days, so I am now trying this route.
I have just purchased renewed support for the Specular Theme (Invoice ID: 064bf9ed535e439fa70e4adb67f62c). My original purchase code, from 23 March, 2017 is 0417c267-f08b-4d2f-bddb-3c95af0cf091.
Here is a description of my issue:
I’ve completely redesigned my website, and I’m just about to go live. I am using the Specular theme, and I’ve designed my pages with Elementor Pro. At the top of each page is a Revolution Slider (version 6). All of the pages look good to me, but when I check in the Tablet and Mobile views, the sliders are cut off with a white space at the top, and the menus are missing. I have messed around with the Header Height (in Header Options), but the only way I have been able to remove the white space in it’s entirety is to have the Header Height set to zero. That zero setting introduces two issues with the menu; in the Desktop view the menus become squeezed together into a bunch at the very top margin of the screen – totally unusable, and then in the Tablet and Mobile views, although the sliders are entirely visible, the menus do not appear at all. I have tried various Header Height settings with various Header Styles (the Header Style that I want to use is called “Menu Link Underline”), but with no fix found.
Thanks in advance for your response.
– Rich
Hi, I have set Header Over Content (Transparent) to Transparent for my homepage. It looks fine on desktop viewing, BUT on mobile viewing, there is still a white background on my menu instead of transparent. How to change that?
Thank you.In reply to: Show Menu Button on Mobile
Hello,
You can make that by adding this by Specular > General > Custom CSS Box:
@media (max-width: 767px){ .header_button { display: block !important; left: 7px; font-size: 12px !important; } }in case the issue persists you have to edit the file wp-content/themes/specular/css/bootstrap-responsive.css and find the line :
@media (max-width: 767px) .header_button { display: none !important;replace with:
@media (max-width: 767px) .header_button { display: none !important;Also about the menu, you have to add the lines below:
@media (max-width: 1180px) #navigation { display: none !important; } @media (max-width: 1180px) .mobile_small_menu { display: block; }Regards!
In reply to: Show Menu Button on Mobile
Hi,
I initially bought Specular theme for one of our clients and now some others wish to use it as well. Before recommending this to them, I tried setting up one of the websites using this theme. There seems to be something very wrong with the way that the mobile-responsive options work.
Issue 1 – Mobile “hamburger” menu
- if we enable mobile-style menu, all is well, both in desktop and mobile versions of the site;
- if we enable “simple” menu style, overlay: YES, then desktop looks ok but on mobile white background shows up and their (white) logo becomes invisible;
Issue 2 – Content centering issue
- content on the hero slider cannot be centered both vertically AND horizontally;
- turning container to OFF or ON does not seem to help;
- (we WERE able to solve this issue on another test page, but with some custom CSS, if we purchase the theme and let the client handle site customization via admin area, we would like to avoid them paying us for additional CSS customizations);
Do you have any idea what might be wrong? We can create a WP user for you and let you see for yourself.
Many thanks in advance!
Topic: Show Menu Button on Mobile
In reply to: Mobile menu and width
