Forum Replies Created
-
AuthorPosts
-
Please see the link and download the image…the site is not properly resizing in iphone.
I think I found the issue…my enfold is not up to date when I try to update it in wordpress it redirects me to the update page for wordpress instead of enfold. Any thoughts? All my other sites update it correctly.Hi Rikard,
Thank you for your help.
Please see the download links for images. One is a screen shot of mobile iphone and the second is a screen shot on desktop.
When we resize the desktop browser, it cuts off the right side of the image just like in mobile.
Basically, the image in the slider is not responsive.
We tested firefox, chrome, IE, and safari. Cache and cookies cleared. Still cuts off the right side of the image during resize.
Same happens on iphone and ipad.Cheers!
David
Hi Rikard,
Thank you for your help.
Please see the download links. One is a screen shot of mobile iphone and the second is a screen shot on desktop.
When we resize the desktop browser, it cuts off the right side of the image just like in mobile.
We tested firefox, chrome, IE, and safari. Cache and cookies cleared. Still cuts off the right side of the image during resize.
Same happens on iphone and ipad.Cheers!
David
Thanks Yigit! Transient cleaner did the trick.
Cheers!
Hello,
I went into Enfold Child / Theme Update / Check Manually
It says I am running the latest version.How do I update?
Normally, I just do that and it updates automatically.Thanks!
Thank you!
Cheers! You guys are outstanding!
Hi Vinay,
Please see private content.
Hi Vinay.
I added it and it did not work
Here is all the code in quick css:.header_color .main_menu ul{
background-color: rgba(255,255,255,.6) !important;
}
@media only screen and (max-width: 767px){
.responsive .mobile_slide_out .logo img {
width: 80%;
height: auto !important;
padding-top: 15px;
}
}
@media only screen and (max-width: 767px) {
.phone-info{
text-align: center;
float: none !important;
height:55px;
}
.phone-info span{
position: relative;
left: -8px;
top: 4px;
}
}
.avia_transform .avia_animated_image {
opacity: 1;
}
@media only screen and (max-width: 767px) {
.responsive .logo a, .responsive .logo img { max-width: 90%; height: auto !important; }}
@media only screen and (max-width: 767px) {
@media only screen and (max-width: 767px) {
.responsive #scroll-top-link {
display: block !important;
}
}
#top .iconbox_top {
margin-top: 50px!important;
}Thanks Vinay!
Thanks
Hi Ismael,
Here is a screen shot of what I am seeing on my Iphone 5…the menu overlaps the logo.
http://musicbydesign.com/wp-content/uploads/2014/10/IMG_2284.pngHi!
I added your code and the logo resolution is perfect, however the placement still overlaps.
Below is all the code in the Quick CSS, including the most recent code you wanted me to add..header_color .main_menu ul{
background-color: rgba(255,255,255,.6) !important;
}
@media only screen and (max-width: 767px){
.responsive .mobile_slide_out .logo img {
width: 80%;
height: auto !important;
padding-top: 15px;
}
}
@media only screen and (max-width: 767px) {
.phone-info{
text-align: center;
float: none !important;
height:55px;
}
.phone-info span{
position: relative;
left: -8px;
top: 4px;
}
}
.avia_transform .avia_animated_image {
opacity: 1;
}
@media only screen and (max-width: 767px) {
.responsive .logo a, .responsive .logo img { max-width: 90%; height: auto !important; }}Hi Yigit.
I updated to the latest version of enfold. It helped…the only issue now is the logo placement in mobile. You will see the issue on the iphone 4. The logo is overlapped by the menu. The code above did not resolve the issue. You can see it here. musicbydesign.comThis reply has been marked as private.This reply has been marked as private.This reply has been marked as private.Hello Ismael,
After clearing the browser cache, no dice. Stumped here.
Is there a way you can login to check the slider setup. The images just seemed to disappear.kind regards,
David
Thanks!
the slider has another set or words that are supposed to slide in. They are missing. You can see the progression in the upper right hand corner and then the wheel starts to spin in the center of the screen.
Thanks! Worked! Sorry for the dumb question. I can’t remember how to change the a link inside the ‘tabs’. Each tab has a ‘donate’ button I created and can’t remember how to change the link within the button. Could not find it in the page settings.
http://musicbydesign.com/giving-back/Nice! Thanks Dude!
Thanks Josue! Worked!
Is there a way to have the featured image above the content on mobile instead of on the side?Hi Yigit,
All the code is added to Style.css as requested. As you can see here: http://chicagoweddingblog.com/ the featured image still does not display in mobile. The mobile site look great the way it is…just thought it might look better with the featured image also.
Kind regarad,
David
Its not working. I’m guessing I entered incorrectly.
Here is all the code in Quick CSS
@media only screen and (max-width: 767px){
.responsive .mobile_slide_out .logo img {
width: 80%;
height: auto !important;
padding-top: 15px;
}
}
@media only screen and (min-width: 767px) {
.single-post .big-preview.single-big { display: none; }
div .logo {
top: 20px !important;
}
.header-scrolled .logo {
top: 0px !important;
}
#menu-item-search {
display: block!important;
}Thanks Yigit! Is there a way for the search to appear in the mobile layout as well?
Hi Yigit.
All our posts do have a featured image set. Please note…we have disable the featured image within the top of each post on the desktop view. I’m guessing that also disables it in mobile view.
Is there a way to keep it disabled is desktop view and enabled in mobile view?
Below is the code you sent from our Quick CSS:@media only screen and (max-width: 767px){
.responsive .mobile_slide_out .logo img {
width: 80%;
height: auto !important;
padding-top: 15px;
}
}.single-post .big-preview.single-big { display: none; }
div .logo {
top: 20px !important;
}
.header-scrolled .logo {
top: 0px !important;
}Thanks!
The update did fix the issue!
By the way…your support is awesome.
Great response time and always a fix or suggestion.
Thanks again. -
AuthorPosts