-
In reply to: burger menu
Hello,
Please add this code into your custom css box:
@media (max-width: 979px){ .mobile_small_menu { color: #ffffff !important; } .close:hover { color: #ffffff !important; }}Let us know.
Best regards!
In reply to: Footer changes & Share items
Hello,
The above code has nothing to do with mobile menu. The menu has different css classes that are not altered by the above code.
However, i see the mobile menu is displaying and working ok. See screenshot. Did you manage to fix your issue?
Let us know.Best regards!
In reply to: Footer changes & Share items
thnx it worked the social widget was not going to the side i used this :
footer#footer .inner .row-fluid.ff .span12:first-child:last-child {
width: 488px !important;
left: 0 !important;
margin-left: 27% !important;
text-align: inherit !important;
}
to align it but would like to see if it can fit on the right side of the footer.
it broke the mobile verion menu
Hi,
one more help for http://www.resinofacile.com please.
My client is telling me that the in this page https://www.resinofacile.com/video-resinofacile/ and only in this page the footer is not fixed to the bottom of the page but is coming up, living a lot of blank space after the footer.
Sincerely I am not sure about this becouse I tested the site from several borwsers and smartphones and it seems there is no problem with footer.
But the client is using Apple Mac and says this problem is present both with firefox and safari.
Here is the screenshot of the client: https://i.share.pho.to/e6f994cc_c.png
Do you see this problem?
I already added some css code to the theme, this is all the code I added:
/*#header{
margin: 0 auto;
}*/
.latest_blog .blog-item .info {display: none;}
.latest_blog .blog-item .after .post-like {
display: none;
}
#footer .inner .row-fluid.ff:first-child {
padding-top: 15px !important;
padding-bottom: 10px !important;
}
#footer .inner .widget {
font-size: 13px;
}
#footer .inner .widget ul li {
background-color: rgb(0, 0, 0);
width: 50px !important;
height: 50px !important;
}
#footer .footer_social_icons {
float: right !important;
width: 34% !important;
}
#footer .footer_social_icons li i {
font-size: 20px !important;
margin-top: 8px;
}
#footer .footer_social_icons.circle li:hover {
background-color: #fff !important;
}
@media (max-width: 480px){
#footer .footer_social_icons {
width: 100% !important;
}}
#footer .footer_social_icons.circle li a:hover i {
color: #4db848 !important;
}
.copyright_text p a {color: #F9F7F7 !important;}
.menu-small ul#mobile-menu {
background-color: #669900;
}
#copyright .container {
margin-top: -20px !important;
margin-bottom: -20px !important;
}
#copyright {
padding-bottom: 0 !important;
}
In reply to: mobile version screwed up
Hello,
I added the below code into your custom css box:
@media (max-width: 979px){ #logo { left: 56% !important;} .row-fluid .span6 { width: 60% !important;} .row-fluid .span6:nth-child(2){ dispaly: none;} } @media (max-width: 480px){ #logo img.dark { width: 100%; margin-right: -50px !important; } .mobile_small_menu { margin-left: -17px !important;} } .menu-small ul.menu > li > a { color: #444 !important;}All the requests are sorted now. Please check your site.
Best regards!
Topic: mobile version screwed up
1. when viewing site in landscape mode on tablet and device, plus smartphone portrait, the menu shows up on top of the logo.
2. also the drop down menu items shows up in white and are no longer visible as the header is white.
3. when in tablet portrait mode the email on top widget shows up below, not beside like when in computer mode the way I want it.
Hi there,
For my website: http://www.burofondsenwerving.nl I am using the “Business Minimal” template.
For some reason – the responsiveness doesn’t work smoothly.
- When making the browser smaller – elements are getting out of line
- On mobile the same thing happens when you open the mobile menu
Can you please assist?
In reply to: Page Title Animation Issues on IOS
Thanks,
Sorry-will try to be a little clearer.
Title
the css above also does not remedy the “title-scroll” transition.
the css for the changes in padding, line-height and opacity do not work well on mobile.
I would like the title text to appear fixed and scroll with content – not change in opacity and shift position.Side Nav Padding
Regarding the side nav padding.. I have tried to attach the screenshots.
The side nav at that specific query is offset by the container width set in admin (currently 87%) causing the menu padding to shift.
(this can be seen by the narrower nav column and shift in social icons and padding)If you can send me a direct email, I can send you screenshots as I cannot attach them here for some reason and info is not private.
Topic: Mobile Menu
Hi,
the mobile menu is being problematic. This site is now live under
https://www.nikkiiles.co.uk. On my phone the mobile menu doesn’t work and is just a normal menu (too small to read)
Reached through http://www.waterarthouse.co.uk/nikki_iles, the mobile menu shows up on my phone but just doesn’t work.
Please can you help
Thanks
this has the unintended effect in mobile to give 540 pixels of space below ALL media — which makes the mobile version “menu” button disappear and adds a lot of empty space underneath every single media photo — not just the testimonials box.
i did not keep the fix because it made the mobile version of the website all messed up.
Topic: mobile menu not showing
Hi,
I’m having problems with the mobile menu. When I view it on phone size it’s fine. But on a tablet it does not show the top navigation, just the dropdown.
Please can you help. Thanks
In reply to: scrolling on ipad
Hello,
For the mobile menu icon in ipad, please go to file tower/css/bootstrap-responsive.css (use a ftp ci=onnection or cpanel) and find these lines:
.background--dark nav .menu > li > a, .background--dark header#header .header_tools .vert_mid > a, .background--dark header#header .header_tools .vert_mid .cart .cart_icon, .background--dark .slicknav_btn:after, .background--dark .mobile_small_menu{ color:#222 !important; }Remove the
!importantfrom it and save changes.2-Please deactivate parallax for slider. Then go to your slider’s slides options: Codeless slide options > Background > Background Image/Color > Background Attachments set it to ‘scroll’.
This should solve the ipad issue.
Let us know how it will go.Best regards!
In reply to: scrolling on ipad
Hello,
Please add this code into your custom css box:
@media (max-width: 979px){ .background--dark .mobile_small_menu { color: #ffffff !important; }}Can you please add your wp login information in your profile? So we can give a closer look to the slider issue.
Read this article for more information.
Best regards!
Topic: scrolling on ipad
Hi there. My website’s home page does not scroll down on my ipad. Can you check this for me and give me some help? https://seowebdesignflagstaff.com/
Also, the mobile menu is white on all pages but the homepage. Is there a way to make it white on the homepage as well?
It works fine on a desktop. All other pages work.
In reply to: Mobile view menu/header issues
Hello,
Thank you for contacting us.
Did you add any custom code before? I see there is some css changing the logo in mobile (screenshot) and the menu (screenshot). Please remove them and add this code into your custom css box, located in General Options > Custom Css Box:@media (max-width: 480px){ #logo img.dark { width: 90%; margin-left: 41px; } .mobile_small_menu { margin-left: 15px !important;} } @media (max-width: 979px){ .mobile_small_menu { margin-left: 25px; }}Result in iphone 5 (screenshot)
Let us know if you need further help.Kind regards!
