Some slight nags in theme. - Support | Kriesi.at

Viewing 13 posts - 1 through 13 (of 13 total)

Author

Posts
January 11, 2015 at 2:27 pm #377964

cormie
Participant

I’m just about to relaunch my site using enfold and there’s some things that may be quite small, but still big enough to nag me :)

1) If the search tab from the main menu is removed, it seems the menu tab underline doesn’t extend properly beyond the last menu item. I just tried to reproduce it and I couldn’t, but now instead I get a gap between testimonials and contact us. I noticed this before but my developer fixed it, but then the “line not being extended” problem was there, and adding the search icon fixed this. I’d prefer not to have the search button in the main menu. I’m not sure if it’s because of some customisations in the child theme that the menu is reacting this way, but he said there’s no actual customisation to the menu.

Please see screenshot here: http://omg.wthax.org/6QGJ7t.jpg

2) I’m displaying rotating testimonials on my homepage and I want these above the contact form. At the start if you would be filling out the contact form, every time the testimonial rotated to a short to long text testimonial, the contact form would move position on the page to accommodate the longer/shorter testimonial. My developer did some customisation to fix this, but it’s still an issue on mobile and there’s still some movement within the assigned section for the testimonials, I’d prefer if the left/right scroll arrows didn’t move at all, or the “what our clients say” heading didn’t move either and it was just the actual text of the testimonial that extended or shrunk within the assigned section.

Customisations were also required in the following areas:
o – /homepage and /services – to reduce gap between service icons and service title (the large default gap meant the rendering on mobile made it difficult to see which service title was with which icon)
o – several customisations required on testimonials on homepage and /testimonials
o – I embedded a new map using the following: https://developers.google.com/maps/documentation/embed/ This provides full business information, link to reviews and shows rating etc. I also found some code to add to the Quick CSS from another website that allows the map to be responsive. The enfold editor map element doesn’t show business informatin/review count etc so wanted something that showed these.

I think there must have been a few more customisations to achieve the requests I was making with certain changes but I’m not sure.

Any feedback would be greatly appreciated :)

January 12, 2015 at 6:53 pm #378450
Andy
Inactive Moderator
Hey cormie!

I can’t reproduce the issue, as the underlines are still fine for me when I use this code to remove magnifying glass
```
#top #menu-item-search.menu-item-search-dropdown>a {
display: none;
}
```
as you can see here:

However you can control the underline using this code:
```
.avia-menu-fx {
width: 120%;
left: -5px;
}
```
width = length of the line
left = position

2.) Could you please try to deactivate all plugins to see if one is causing the issue? Cause normally it shouldn’t move at all. Did you add some spacing to above the text of some testimonials?
Do you mind providing us admin access if the issue remains?

Best regards,
Andy
January 12, 2015 at 6:54 pm #378451
Yigit
Keymaster
Hi cormie!

Please add following code to Quick CSS in Enfold theme options under General Styling tab
1-
```
.html_header_searchicon_disabled #top .main_menu .menu>li:last-child>a .avia-menu-fx {
left: 0!important;
}
```
2
```
@media only screen and (max-width: 480px) {
.home div#av_section_1 {
min-height: 1150px;
}}
```
-It seems like you have figured it out already – http://i.imgur.com/0YxlMrf.png
You can post your feature requests here – https://kriesi.at/support/enfold-feature-requests/

Best regards,
Yigit
January 13, 2015 at 6:54 am #378658
cormie
Participant
Hi guys, thanks a lot for the replies.

That’s really weird, my post was up for over 28 hours with no replies and then I receive 2 replies within a minute of eachother? :D

1) It seems Andy’s response to input:
```
#top #menu-item-search.menu-item-search-dropdown>a {
display: none;
}
```
has worked. I didn’t try your suggestion Yigit, but thank you for that also. Out of curiosity, why would the code work and not clicking off the magnifying glass option in the theme options?

2) If you look at this demo page:
http://kriesi.at/themes/enfold/shortcodes/testimonials/

You will see the footer moves position based on the length of the testimonial, this isn’t ideal and I asked my developer to change it, what he did has now resulted in the whole testimonial text including logo, title, testimonial etc in the section he has assigned for testimonial slides (in order for the footer not to move) to move up/down. I would like to keep the title and arrows in a fixed position and only have the testimonial text increas/logo position change based on the text length.

Thanks again for any help!
January 14, 2015 at 6:43 pm #379646
Andy
Inactive Moderator
Hi!

you can use this code so the footer won’t move anymore:
```
#top .avia-slider-testimonials.avia-testimonial-wrapper {
position: absolute;
}
```
and then you might need to have more space between testimonial and footer, which you can increase by using this code:
```
#footer {
margin-top: 30px;
}
```
Regards,
Andy
January 14, 2015 at 8:50 pm #379725

cormie
Participant

Ooh, thanks a lot for the reply. That first bit of code you gave worked, kind of :) it made the arrows and title stay in the same place, but it moved the whole lot down and into the next section of the page, the footer code didn’t seem to change anything, I even changed it up to 150px and still no change.

I think my developer must have done something with the section of testimonial that when I put in your code, it doesn’t keep the text within the section itself?

January 16, 2015 at 5:22 pm #380892

Elliott
Inactive Moderator

Hey!

Your trying to create some more whitespace between your footer and your content correct? Andy’s code should be working, I didn’t see it in your source code though, did you remove it?

Paste all of the custom CSS your using here and we’ll take a look.

Cheers!
Elliott

January 17, 2015 at 1:14 am #381160
cormie
Participant
Hi, thanks for the reply :)

I’m not trying to create any white space actually, this is the problem:
http://easycaptures.com/fs/uploaded/716/5768987214.jpg

This is two screenshots merged together. Note how the whole content of this section centres itself in the section when changed, so when the testimonial is long “Some words from our clients” goes closer to the top as do the arrows, when the testimonial is short, they become closer to centre. I want “Some words from our clients” and the left/right arrows to always stay in the same position and the only thing that will appear to change is the testimonial text, author name and logo. I’d like both to be closer to the top like in the left screenshot to allow enough room for long testimonials.

I think my developer tried this code given above:
```
#top .avia-slider-testimonials.avia-testimonial-wrapper {
position: absolute;
}
```
But it ended up appearing under the contact form on mobile?

Would really appreciate any help on this :)
- This reply was modified 9 years, 10 months ago by cormie.
January 19, 2015 at 11:14 am #381633

cormie
Participant

Just wondering if anyone would have any further info on this please? Would really appreciate help on it!

January 19, 2015 at 10:26 pm #382134
Elliott
Inactive Moderator
Hey!

Drag a codeblock element over to your content and add this inside it.
```
<style type = "text/css">
#av_section_1 > .container { height: auto !important; }
</style>
```
That will make it so the color sections height will change when the testimonials transition instead of the contents of the color section.

Cheers!
Elliott
January 19, 2015 at 11:16 pm #382159

cormie
Participant

Hi again Elliott,
Thanks for the message. I’m not looking to change the height of anything or add more white space etc to the page. I want all sections to remain the same size on the page, and just have the testimonials transition without changing anything else on the page, including the height of the page, the position of the left/right testimonial scroll arrows, or the “Some words from our clients” title on the testimonial section.

My developer managed to keep the overall height of the page the same and not change based on testimonial length, but the left/right scroll arrows and “Some words from our clients” were still moving depending on the amount of words in each different testimonial. All content of the testimonial section was being centred with each transition, as opposed to the arrows and Title staying in the same position. Please see the screenshot I inked to above which shows what I mean.

Since then, he managed to keep the title in a fixed position at the top, but the arrows are still changing position depending on the amount of words in each testimonial. I just want everything to stay in position and the only thing that should appear to change, is the amount of words in each testimonial, the clients logo etc.

Thanks again for your continued input and I’m hoping that explains it a little better?

January 20, 2015 at 7:23 am #382290
Ismael
Moderator
Hi!

You can use this on Quick CSS to keep the arrows from moving:
```
#top .avia-slider-testimonials.avia-testimonial-wrapper {
max-height: 190px;
min-height: 190px;
}
```
Use media queries to change the max and min height of the testimonial wrapper on different screens sizes.

Cheers!
Ismael
January 20, 2015 at 7:47 am #382300
cormie
Participant
Thanks a lot for the reply. Wow, that works perfect on desktop and gives me exactly what I wanted, but unfortunately on mobile it is making the testimonial text appear under the contact form below it.

Funny enough, my developer messaged me about 2 minutes after I received your reply and he has found a solution using a different css code that resolves the issue on mobile of the underlapping:
```
#top .avia-slider-testimonials.avia-testimonial-wrapper .avia-testimonial-row {
display: table;
}
```
So two almost identical solutions within 2 minutes, 9 days after posting the issue, that’s funny timing :)

Thanks a lot for your help with this everyone, I believe it’s taken care of now, whooo!
Author

Posts

Viewing 13 posts - 1 through 13 (of 13 total)

The topic ‘Some slight nags in theme.’ is closed to new replies.