-
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
Hi,
I checked on Chrome simulation and on my iPhone, it looks perfect. What type of mobile device are you using?
For the mobile menu, we have added a new update for specular that should fix the issue.
Thanks
In reply to: Mobile menu and width
Hi,
Sorry for the delay
We need the WP Credentials to fix it.
I checked the website on mobile and it looks good. Can you please help me understand the mobile layout issue?
About the menu button, yes, it doesn’t work. I will add a new theme update today. If you send me the credentials I can update it immediately into your site.
Thanks
<span style=”background-color: #f8f9fa; color: #222222; font-family: inherit; font-size: 28px; white-space: pre-wrap;”>when I see my website from the mobile the hamburger menu does not work, the menu lines are shown but I cannot click</span>
web: calidadydescanso.com
Topic: subMenu on Mobile
Hi! my website’s all of menu items appears. I want to click the menu icon just appear main item then if I click one of them appear sub items..
submenus if i click then open
Hi there. I see someone else asked this a month or so ago.
I have installed the June Woocommerce theme on my domain. However I am getting issues with the Product page’s product images not loading in mobile. In desktop, it’s working fine but not on mobile, i am unable to load it. Why is this? Please help?
Also, the navigation burger menu is not working in mobile. Can you please check and solve this?
Topic: Mobile menu and width
Hello,
my site does not look properly on mobile – this width is not enough. And also the mobile menu does not work
In reply to: Margins off (header & search) for some browsers
Thank you! That worked to fix the navigation menu for Firefox and Internet Explorer. Unfortunately, for those browsers the font is now so tiny I’m concerned it is too difficult to read for elderly people. Is there any way to fix the spacing/margins of the menu without making the font so small?
Also, the other issue still isn’t resolved: If you search using Chrome or Opera, the search results show up as one long line of results, rather than 3 columns (almost as if it’s defaulting to mobile settings.)
Thanks!
Rebecca
