Forum Replies Created
-
Posts
-
She tried it in both Chrome and IE. Using her WP account, I tried it in Chrome, Safari and Firefox and had issues in all 3 browsers – even after clearing cache. I also tried flushing my server cache but that didn’t work either. I don’t think it’s a browser issue.
UPDATE – In reading further about this issue, I deactivated all my plugins one by one. I think I found the culprit. I deactivated the “Quick Page/Post Redirect Plugin” and it seems to be working now. My guess is that this plugin is not yet compatible with WP 4.6 or Enfold 3.7.1.
Do you have any recommendations for another redirect plugin I could try?
Thanks!
Hey Rikard,
Thanks for the tip about adding a widget to my header. I initially tried your suggestion but the phone info/extra text wasn’t working properly as part of the top bar. So I created a header widget as you suggested.
The header widget well except in mobile view (the header widget overlaps the header logo and starts to overlap the slider on the home page). Any ideas how I can go about fixing that?
This is the CSS I added for the header widget:
#header .widget {
left: 75%;
padding-top: 20px;
position: absolute;
top: 0;
transform: translate(-50%);
z-index: 999;
color: #1a1a1a;
font-weight: bold;
line-height: 1.3;
}
Thanks in advance for your help. Love your theme!That makes sense but bear with me; I’m new at this.
I’ve been playing around with adding media queries, and it now seems to resize OK with my browser and looks good on my iPad. However, it doesn’t work well on my iPhone. Also, is there a way to make the buttons and background images responsive? On my iPhone, the buttons are big and the background image doesn’t resize.
Here is the code I added. Perhaps you have some suggestions to make the responsiveness better? I basically want the Slider to be 700px on a regular screen and then re-size smaller as the screen shrinks…perhaps I should try using a %?
@media only screen and (min-width: 200px) {
.avia-slideshow-inner {
height: 400px !important;
}
.avia-slideshow {
max-height: 400px !important;
}
}
@media only screen and (min-width: 400px) {
.avia-slideshow-inner {
height: 400px !important;
}
.avia-slideshow {
max-height: 400px !important;
}
}
@media only screen and (min-width: 800px) {
.avia-slideshow-inner {
height: 700px !important;
}
.avia-slideshow {
max-height: 700px !important;
}
}
@media only screen and (min-width: 1000px) {
.avia-slideshow-inner {
height: 700px !important;
}
.avia-slideshow {
max-height: 700px !important;
}
}
@media only screen and (min-width: 1200px) {
.avia-slideshow-inner {
height: 700px !important;
}
.avia-slideshow {
max-height: 700px !important;
}
}Thanks in advance!
