-
In reply to: Responsive logo
Hello,
Can you please explain better what do you mean by “logo is distorted”? I see it centered (screenshot), do you not wnat it this way?
For the menu, please edit this line:.mobile_small_menu { top: 92%;}of the code above to this:.mobile_small_menu { top: 92% !important;}
Can you show us a screenshot of the search on top of slider? I do not see it now.Best regards!
In reply to: Responsive logo
Thanks for a quick response!
With that code the logo becomes distorted on mobile and the menu is still located on top of the logo and the search still jumps down on top of the slider.
In reply to: Responsive logo
Hello,
First make sure to have enabled the menu drop down in mobile. Find it in General Options > Header Options > Show Responsive Menu Dropdown, set it ON.
Since the logo in mobile is quite large, it is difficult to make logo and mobile menu fit in the same line. You can have the menu and search in the same line under logo and before slider. To have this layout, please add this code into your custom css box:@media (max-width: 480px){ #logo { float: left;} .mobile_small_menu { top: 92%;} #logo img { width: 100%; top: 46%; left: -2px; } }Let us know.
Best regards!
Topic: Responsive logo
Hi,
I’m making a site where I’d like to use a quite wide logo, but it doesn’t adapt to the screen width. So on small screens it ends up behind the mobile menu button and pushes the search button down into the slider. Can this be fixed?
I’d also prefer to have the mobile menu button on the right side instead of left.
Also, I’m not seeing any items in the mobile menu dropdown?
URL: http://www.kemisamfundet.se
Thanks in advance!
In reply to: Theme My Login or Profile Builder Layout
In reply to: Submenu, logo and topwidgets mobile devices
Hello,
2-Sorry but that is not possible.
3-Please add this code into your custom css box:
@media (max-width: 480px){ .top_nav { display: block; border-bottom: 1px solid #E2D9D9; height: 76px !important; } .row-fluid .span6:nth-child(2) { display:none; } .mobile_small_menu { margin-left: 6px;} }Best regards!
In reply to: Submenu, logo and topwidgets mobile devices
Hello,
For number 1. (logo position on mobile device) i found a solution from another post here on the forum. Paste this code into your custom CSS Bpx which you can find in the wordpress cpanel under Specular > General and then below. Play with the values width and top to adjust it.
@media (max-width: 480px){
#logo {
width: 265px !important;
left: -50px !important;
top: 10px !important;
}}I didn’t found yet a solution for number 2. (submenu by default unfolded) and 3. (top widgets not shown on mobile). I would be happy with support.
Many thanks, Reinout
Dear support,
Our website is almost completed and looks spec(te)cular. There are three things that i couldn’t figure out and find on this forum.
1.) Our logo is displayed to big on mobile devices and got a weird position, what to do?
2.) One of our menu-items has 48 submenus (megamenu) these are by default unfolded when tapping the menu on the mobile device. Is it possible configure the mobile menu to not unfold the submenu items but only unfold the submenu when tapping the parent menu?
3.) The topwidgets where we put our address details and wpml language selector is not shown on mobile devices, how to solve this?Many thanks, Reinout
In reply to: Problems on Mobile Devices
Hello,
Thank you for choosing our theme!
1-Please make sure to have enabled the revolution slider to display in mobile. Find the option in Revolution Slider > slider settings > Layout & Visual > Mobile, set it OFF (screenshot)2-I can’t see the images attached, but i assume is a conflict of the menu width, with the top header width in landscape mode.
Please send us your site’s url so we can give a more precise answer for all the other questions.Best regards!
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!
