-
Topic: Problems on Mobile Devices
Hi,
I’ve just created my website with your theme. First of all, I want to thank you for such a great support forum. I’ve found and used so many useful tips and css codes. However still I have some problems with the mobile version.
1. I used revolution slider on my website. There is no problem when I use a computer. But I can not see the slider on mobile devices (neither phone, nor tablet)
2. When I use the tablet horizontally, the position of the menu items are a big problem. I have some examples
The menu is overlap with the header
The menu is below the logo (it should be at the same line with logo)
The menu is overlap with the google map
3. In some pages, I want to use photos (image gallery element) centered vertically. For example at this screenshot, the picture aligned top of the column, but i want it to align centered of the column.
4. In some pages, I hide some columns for phone and vertically used tablet. I’ve no problem on iPhone but on iPad (vertical use), I see there is a blank column at the right side of the screen.
How can I remove this blank column and see the content at whole screen?
I checked this situation with samsung mini tablet, it has centered the content, which is ok for me.
5. Also on iPad (vertical use), the logo is centered. I want it to align right.
6. One other problem is second and third level menu items at mobile version. I want a little more indentation before the third level menu items. At the screenshot below, “Organizasyonel Yapılanma ve İş Tanımlarının Hazırlanması”, “Performans Yönetimi”, “Ücret ve Yan Haklar Yönetimi” are the submenu items of “İnsan Kaynakları Danışmanlığı”. But at the first sight, the indentation is not noticable, so it looks like all in the same level.
7. There is a problem with header on iPhone and vertical tablet use. I can not see the whole header on the screen, sometimes just one word or sometimes a couple of words are visible. It is because of the row length of the mobile devices but I think it should be possible to use smaller fonts or more than one line. In the screenshot below, you can see the page header as just “ORGANİZASYONEL” but it should be “ORGANİZASYONEL YAPILANMA VE İŞ TANIMLARININ HAZIRLANMASI”.
8. My last question is more complicated. When I checked the website at Samsung mini tablet, I see a problem which I didn’t face at other mobile devices. At this device, I have a Turkish character problem on some headings (but it is only on some headings). For example, on the screenshot below, the typing of the word of “PRENSİPLERİMİZ” is correct at the first heading (ÇALIŞMA PRENSİPLERİMİZ) but it is wrong at the other headings (DANIŞMANLIK PRENSIPLERIMIZ and EĞITIM PRENSIPLERIMIZ).
I really apologize for my long questions but I appreciate your help
Thank you very much,
Gulriz
In reply to: Responisve Issues on iPad and iPhone
Hello,
1-I was able to click on the “Sign Up Now” button in home page and it worked perfectly. Also all other buttons i clicked worked and did not get any error. Can you show us which button is getting you an error?
2-Please see here a screenshot of the slider in iPad.
Something may be interfering with slider style in iPhone as it has made the height 0px. What plugins do you have installed? Please disable them and try again.3- The ” three dashes on the top left” are called hamburger menu, and it’s the mobile menu. I do see all pages when i click on it. Screenshot
Sorry but the theme does not have that option. You can remove the mobile view or keep it, but the user can not switch it at it’s own choice.Best regards!
Hello, I’ve noticed several issues with my theme on mobile devices.
1. When I am on an iPad and click on the buttons it will not go to the link, I just receive an error message. It works fine on the desktop computer.
2. Codeless slideres do not show up correctly on iPad or iPhones. On the iPhone no images shows up at all and on the iPad the Slider Image shows up like a blurry frosted images so you are unable to make out what the image is .Which makes the user unable to click the button link that is suppose to show up with the slider. (I have the slider set to static and only have one slide available for each page.)
3. On the iPhone the Codeless Slider just shows a black box with a circle that looks likes it’s trying to load but never does. I’m also unable to access any of the menu’s at the top of the page. Instead it show three dashes on the top left of the screen but when I click on it it doesn’t show anything. I have to scroll to the footer area and use the pages widget to access the other pages.
Is there an option for people to click on that will allow them to view it as a regular view rather than mobile view? I noticed on some websites I visit there is an option to select regular or mobile view.
Everything works perfect on my desktop. Just can’t figure out why nothing looking right on mobile devices..
In reply to: Problems with header and how to submit clients?
Hello,
1-Please make sure to have activated mobile menu in Header Options > Show Responsive Menu Dropdown. Set it ON.
2-Go to General Options > Layout > Extra Side Navigation, set it OFF.
3-Please perform the action of question 1, first.
4-Go to General Option > Clients, add here the logo and other data.
Best regards!
Hi.
1. I have problems withe the header. Try to view the website in mobile mode, and you will see menu covers the sliders, I want to have this solved for mobile devices.
2. How to get rid of burger menu poping from the right side?
3. How, in responsive mode have regular menu, not the one poping from the right side?
4. How to add clients logo?
The website is: www.darwinthemes.com/test2
In reply to: Various Problems with the Header Photos
Hello,
1-I have forwarded this request to our developer team. We’ll get back to you asap.
2-We had a misunderstanding here. You said you wanted:”to only see the logo and button and have the menu hidden” that is why i gave you that css. If you want to have the burger menu before reaching the mobile width, then you have to set ON the “Show Responsive Menu Dropdown” in Header Options. And edit the css code in your custom css box to this:@media (max-width: 1024px){ header#header #navigation { display: none;} .mobile_small_menu { display: block;} }Best regards!
When on mobile device, is there a way to change the burger style menu to a dropdown/select style menu that spans with width of the header?
Topic: Problems with Mobile version
Hello,
I have two problem with the mobile versions (ipad, samsung tablets, etc…)
Having the logo in the middle, the menu breaks in 2 lines and doesn’t look good.
Thanks a lot for your help.
best regards,c
Topic: Menu issues on mobiles
Hello, I have an issue with the menu on mobile phones.
The header button does not appear anywhere on a phone. Is there a way for the button to be responsive and be included in the menu on mobile phones? My site: naujas.aku.lt
Thank you.
Topic: Menu not showing on mobile
Hi,
My site clairemichelle.design has a menu in the desktop view but in mobile the menu disappears and the burger menu does not appear, also my logo is off center and to the top right?
What can I do to fix this?
Thanks,
Claire
What exactly is this code for? I don’t know that it did anything…
I need to literally switch the logo from a horizontal version to a more vertical version for iPad portrait and below. Once we show the responsive menu I want to change the logo.
The top widgetized area and codeless slider are still not showing… I’ve attached screenshots
Mobile portrait version WITH NO Top Widgetized area or codeless slider. You can also see why I want to change the logo too.
mobile landscape version WITH NO top widgetized area, or codeless slider. It also has that weird white bar all the way down the right side. how do I get rid of that?
Regular desktop version where everything is displaying correctly…
Widgets to show you there are no third party plugins in this section…
iPad landscape WITH top widgetized area and codeless slider showing. The logo is ok here.
iPad portrait… Need to change the logo here so its more vertical so it fits in there. top widgetized and code less slider are working correctly
iPad vertical with the logo the way I’d like it to be, see I want to switch the very horizontal logo for a vertical version. I want this logo to display from this screen size and smaller.
In reply to: Mobile navigation menu Font colour setup
Hello,
Please add this code into your custom css box:
@media (max-width: 979px){ .codeless_custom_menu_mega_menu ul>li h6, .menu-small ul.menu .codeless_custom_menu_mega_menu h6, .menu-small ul.menu > li > a { color: #191818 !important;} }I have provided you this code, in this topic of yours too.
Best regards!
In reply to: Responsive and other issues
Hello,
Please add this code into your custom css box:
@media (max-width: 1170px){ .mobile_small_menu { display: block;} header#header #navigation { display: none;} #logo { margin-left: 408px !important; } }Let us know.
-Can you please be more specific on the ‘news’ section? What do you want to have gray here? The content?
-You can change the color of Call-to-Action bar, in Call-to-action Settings > Color.
Change here the button style as well,in ‘Shape’ and ‘Style’Best regards!
Hello,
I can see the mobile menu in your site. You have some items that are in white and are not visible. To change that, add this code into your custom css box:
@media (max-width: 979px){ .codeless_custom_menu_mega_menu ul>li h6, .menu-small ul.menu .codeless_custom_menu_mega_menu h6, .menu-small ul.menu > li > a { color: #191818 !important;} } @media (max-width: 480px){ #logo { left: -77px !important;} }This should be the result, screenshot.
Best regards!
