Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • April 22, 2019 at 1:23 am #1093174
    Lukas

    Hello,
    I have more small issues what I cannot solve by information on your forum and documentation.
    I have tried many solution but nothing works. The website is laydeejane.eu

    1. I use the icon in menu. It works great but I cannot change the position. It’s too high. This code doesn’t work:
    #menu-item-990 .av_font_icon.av-icon-style-border .av-icon-char { padding: 10px 0 0 0; border-width: 0; }

    2. I want to extend the social icons in the menu.
    I followed this documentation: https://kriesi.at/documentation/enfold/social-share-buttons/#how-to-add-custom-social-icons-to-enfold-options
    and added the code into child functions and imported icons. I can put the icon into the text but it doesn’t want to appear in the menu. The place is empty with active link and caption but no icon.
    I want to add 2 icons from imported zip file and then next 3 icon from image. (I didn’t try images yes till the first step with imported icons will work)

    3. I translated website by WPML plugin and in Czech language when I want to change one word, it tell me that it’s saved but it isn’t. When I go back and want to edit page, that the word is back. I also tried to add box with another text but the same result. Also tried to change it manually in code. It’s title DISCOGRAFIE in Czech site version. Need to change to to DISKOGRAFIE.

    4. I use Fullwidth Easy Slider and the main information is on the picture on the right side. I tried many code but I cannot move the picture position on mobile to the left from center. Also need to increase the caption text. It’s too small on mobile.

    The admin login link is attached in the private content area.

    April 23, 2019 at 4:06 am #1093498
    Mike

    Hey Lukas,
    Sorry for the late reply,
    #1 please try this css:

    #menu-item-990 span.av-icon-char { 
    line-height: 70px !important; 
}

    Please clear your browser cache and check.
    #2 I adjusted your code so the mixcloud icon would show, I also added this css in the WordPress > Customize > Additional CSS field:

    #top #wrap_all .av-social-link-Mixcloud:hover a{
    color:#fff; 
    background-color:#9fae37; 
}

    Please adjust the color to suit.
    #3 please try switching to the “classic editor” in your theme options, it’s on the same page as the “maintenance” option. Then try making your change again.
    #4 Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    @media only screen and (max-width: 545px) { 
#top.home .avia-slideshow-inner .avia-slide-wrap > img {
left: -700px !important; 
}
}

    Best regards,
    Mike

    April 23, 2019 at 6:16 am #1093514
    Lukas

    Hello Mike,
    Thank you for your response.

    Points 1 and 3 are working now, thank you.

    Point 2: I tried to add other icons following your code in functions. Unfortunately all next 3 icons also don’t appear. Background and function work. Also tried to add another 2 icons from png image. They appear but the background doesn’t. Also then don’t change color to white when is the menu transparent + need to change color if those 2 icons in the footer.

    Point 4: The code doesn’t work

    Best regards,
    Lukas

    April 23, 2019 at 11:13 pm #1093760
    Mike

    Hi,
    #4 I checked your css and you had a > instead of > this sometimes happens when copying the code from emails.
    Please clear your browser cache and check.
    I changed your social icons code so they all show now. But your last two are png which are black so they don’t show well before scroll. Please try converting them to fonts at the Fontello website.

    Best regards,
    Mike

    April 24, 2019 at 12:22 am #1093776
    Lukas

    Hello Mike,

    Icon are done, finally I understand what you did there and thank you for your suggestion about change images to the font. Works perfect now.
    Why I don’t see all icons on the mobile socket? I see there is place for more icons but last 2 icons are not visible. Only on higher resolution.

    Point 4 now works also. I wanted to increase a font size of caption because it’s too small on mobile. Unfortunately my code doesn’t work. Could you review what I did wrong, please?

    @media only screen and (max-width: 767px) and (min-width: 480px) {
    #top.home .slideshow_caption .avia-caption-content {
    font-size: 17px !important; } }
    @media only screen and (max-width: 479px) {
    #top.home .slideshow_caption .avia-caption-content {
    font-size: 13px !important; } }

    Best,
    Lukas

    April 24, 2019 at 1:41 am #1093781
    Mike

    Hi,
    I took a look at your socket social icons and added this css in your English side Quick CSS:

    @media only screen and (max-width: 425px) {
#socket > .container {
    width: 100% !important; 
    max-width: 100% !important; 
}
#socket > .container > ul {
margin-left: 0px !important; 
}
}

    This works down to 333px, but not for the smallest mobile sixe 320px.
    There are just too many icons and there is no padding to remove. You would need to make the icons smaller, but then there may be issues of clicking them.

    Best regards,
    Mike

    April 24, 2019 at 3:27 am #1093800
    Lukas

    OK Mike,
    Thank you, understand.

    Do you have an idea what’s wrong with my code to increase the slider caption on mobiles?

    Got this but doesn’t work:
    @media only screen and (max-width: 767px) and (min-width: 480px) {
    #top.home .slideshow_caption .avia-caption-content {
    font-size: 17px !important; } }
    @media only screen and (max-width: 479px) {
    #top.home .slideshow_caption .avia-caption-content {
    font-size: 13px !important; } }

    Thanks, Lukas

    April 25, 2019 at 2:18 am #1094246
    Mike

    Hi,
    When I check your page, the css is working for me. Please see the screenshot in Private Content area.
    Please try clearing your browser cache.

    Best regards,
    Mike

    April 25, 2019 at 2:43 am #1094250
    Lukas

    Yes Mike, You’re right.
    Thank you very much for your amazing help. Really appreciate.

    Best regards,
    Lukas

    April 25, 2019 at 2:57 am #1094254
    Mike

    Hi,
    Glad we could help, unless there is anything else we can help with on this issue, shall we close this then?

    Best regards,
    Mike

    April 25, 2019 at 3:17 am #1094261
    Lukas

    Yes, you can close it.
    Thank you,
    L.

    April 25, 2019 at 3:58 am #1094272
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

    Best regards,
    Mike

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘more small issues’ is closed to new replies.