Viewing 30 results - 139,501 through 139,530 (of 142,823 total)
  • Author
    Search Results
  • sethbutler
    Participant

    Hello,

    Just wanted to let you fine folks know we sorted a CSS fix for this issue: https://kriesi.at/support/topic/enfold-replacing-logo-for-devices-smaller-than-1280-pixels-wide/

    By adding the following CSS (along with a number of other @media queries) , we avoided having to add a new script:

    @media only screen and (max-width: 767px) {
    
    .logo {
    width: 270px;
    margin-top: 20px;
    }
    
    .logo img{
    position:absolute;
    clip:rect(0px,152px,60px,0px);
    }
    
    }

    Cheers!
    Seth

    #162526

    Oh, that´s nice to know.

    But it isn´t in this case what I need.

    I need different Navbar-Items and Logos on different subpages.

    For example

    Startsite (Home) need the Menuitems: Logo 1, home, products, events, menus, support

    Subside needs: Logo 2, home, program, courses, wellness, lifestyle.

    This is needed for the Navbar on Top

    My client have different locations. Most of them have the same names and you can use one logo,but for one you need a different logo.
    Most of them have the same features, but some are a little bit different.

    Is there a possibility to handle this with enfold. I also want to use the fixed Navbar because I love it :)

    the fixed header disables itself when shown on small screens (based on width)

    if you want to disable it on all mobiles and tablets use:

    .avia_mobile #top #header {position: relative; }
    .avia_mobile #top #main {padding:0 top:-1px; }
    

    Hallo Kriesi,

    vielen dank! Das funktioniert am Rechner jetzt absolut top! :)

    Aber (tut mir leid, mag das Wort auch nicht) beim iPad im Landscape Modus bleibt die Leiste einfach mit der angegebenen Höhe stehen, in meinem Fall jetzt bei 200px (reicht für das Logo). Das heißt der Ausschnitt, der letztlich dem User zur Verfügung steht, ist recht minimal.

    Merkwürdigerweise ist es im Portrait-Modus kein Problem, da hier die Navigation wohl umschaltet auf die nicht fixierte Variante.

    Außerdem verschwinden komischerweise beim iPad in beiden Modi die weiteren Menupunkte, nur das Aktuelle ist zu sehen, also das von der Startseite.

    Hast du da eine Idee?

    Ich habe noch einen anderen Topic offen mit der Menuleiste, der evtl. auch deiner Draufsicht bedarf:
    https://kriesi.at/support/topic/enfold-different-menus-on-different-sites/#post-162459

    Ansonsten bis auf ein paar Kleinigkeiten in den Details ein echt gutes Theme!

    Viele Grüße
    Bruno

    Hi,

    it works like a charm on my Desktop-Client but there are a few problems on my iPad. In landscape-mode the navbar don´t become smaller during i´am scrolling down. So the user can´t see a lot because the height stays with 200px. Strangely in portrait-mode it works well with the nonfixed navbar.

    Also there is a problem with the menu-items. The only one you can see on iPad is the one from the current site. The others gone away. During the site is loading you can see them for a little moment but you can´t klick on them, after the site finished loading you can´t see them.

    Any idea?

    Thanks a lot

    Best regards
    Bruno

    #162496

    btw: how do I close this topic?

    #162476

    Ich habe nun die 404.php und error404.php gefunden.
    Wie kann es sein, dass in der error404.php der Text in englisch steht, aber bei mir auf Deutsch angezeigt wird, wenn man eine nicht vorhandene Unterseite bei mir öffnet?

    Wie bekomme ich einen LayerSlider über den Text der 404 Page…so wie du es hier hast:
    https://kriesi.at/support/topic/404-page-1

    Hey! The following modifications worked for me:

    CSS:

    .social_header #header_main .container, .social_header .main_menu ul:first-child > li a {
    height: 250px;
    line-height: 250px;
    }
    
    .fixed_header.social_header #main {
    padding-top: 281px;
    }
    

    javascript:

     set_height      = function()
                {
                    var st = win.scrollTop(), newH = 0;
    
                    if(st < el_height - 60)
                    {
                        newH = el_height - st;
                        header.removeClass('header-scrolled');
                    }
                    else
                    {
                        newH = 60;
                        header.addClass('header-scrolled');
                    }
    				
                    elements.css({height: newH + 'px', lineHeight: newH + 'px'});
                }
    

    I used a fixed value for the javascript, that actually makes the calculations for a human person easier :) Replaced the dynamic height with a fixed value of 60px

    #162418

    Hi,

    Please try adding following code to Quick CSS in Enfold theme options under Styling
    #menu-item-3408 #top #header .avia_mega_div > .sub-menu, #menu-item-3454 #top #header .avia_mega_div > .sub-menu > li > ul li, #menu-item-3454 #top #header .avia_mega_div > .sub-menu > li > ul li, #menu-item-3455 #top #header .avia_mega_div > .sub-menu > li > ul li { background-color: red; }
    This should do it, if it does not, let us know

    Regards,
    Yigit

    #162407

    Hi Matej,

    I’ve not seen anything like that before but I’ve tagged Kriesi and Dude on the topic as they are both a bit more familiar with the inner workings of the framework.

    Regards,

    Devin

    #162324

    The issue is in the Icon Boxes right under the slider of the homepage…(as I mentioned in my second post when replying to dude.) It works fine everywhere else.

    I wouldn’t be worried about it…except it’s at the very top of the first page…and the first thing everyone will see when they visit my site.

    That’s why I was hoping to get the accents in those particular Icon Boxes at the top of the page. I suppose I could not use the icon boxes…(I just think they are kind of cool though).

    Thanks for the replies so far…and thanks in advance for a quick solution. (here’s finger crossed).

    ;)

    #162323
    dekkert
    Participant

    Hey guys,

    I can’t find an open topic on this anymore, because the last one is closed and the one before that ended with Kriesi saying the new update would fix it :)

    Even though it’s a small issue, I would really like to see it fixed in an update sometime and I’m sure sure lots of other people would be happy with a fix as well. Are you guys any closer to figuring our why it won’t scale/show?

    I believe Kriesi was the only one of you guys who could test on iPhone, but here’s a link anyway: http://mep.raffeltest.nl

    Thanks in advance, love the support guys!

    #162307
    Alex
    Participant

    Screenshot

    When trying to add animations of a layer in a slide, I only have 1 fade and 5 slide transitions. Aren’t there other transitions?

    I want to add animations to my text layer like the one you have on the first slide on your homepage at kriesa.at where the text fades in sliding from the top and the buttons fade in sliding from the bottom and also how to add one the rotates 90 degrees into the slide.

    In fact, could you paste the export sliders text in the layer slider plugin settings? Then I could just edit it to my needs. I’m new with WP and website design in general and don’t know how to do it.

    Ismael… it works, but the quality of the text isn’t that sharp.
    My webpage is this one http://www.maro.cr, try to open it in your iOS device or see the links below.
    You will see that the normal text (outside the “Blog Post” content element) is better quality. And only happens with the content elements/Blog Posts Module.

    Here are the the screenshots:
    http://maro.cr/docs/photo1.PNG (in this screenshot, you can compare the text of the top and compare it with the post)
    http://maro.cr/docs/photo2.PNG (in this one you can compare the image quality and the text).

    Thanks in advance,
    Mario

    #162301
    Michael Oeser
    Participant

    I´m a bit confused. I´m using the Full Screen Slider on my homepage at http://www.der-prinz.de but with one single image. That´s fine and I liked the smooth animation of the caption and button that came from top and botton fading in.

    Today I only changed my slider image and suddenly I get a completely different animation of the caption. It slides in from left and right. not a very big thing, but I want to know how that can be.

    Cheers
    Michael

    #162295
    voicepro
    Participant

    Hello. My client http://shinecharlotte.com wants the VERY TOP HEADER TABS, “Book Appointment” and “Gift Certificates” to really STAND OUT. They wanted it “in a box to be more easily seen.”

    I have NO idea how to do such.

    Would it be possible to either (a) ENLARGE the font to somewhere between the current size of the phone number and a bit larger, or (b) create some sort of BORDER that would make it “pop” ?

    I tried making the BACKGROUND a different color, but the “secondary color” of the current site — yellow — was TOO DISTRACTING.

    Thank you!

    voicepro
    http://shinecharlotte.com

    #162284

    Hi,

    it was a tricky, but I didn’t see these global settings…

    Thanks a lot !!

    Hi,
    1) The breadcrumb reflects your page hierarchy. If you want to show Home >About Us > Our Community in the breadcrumb you must set the “About Us” page as the parent page of “Our Community”. It’s not possible to build a structure like Home >About Us > Our Community if an “About Us” page doesn’t exist or if the “About Us” page is not the parent page of “Our Community”.

    If you don’t want to show the “Home” link in the breadcrumb add following code to the bottom of functions.php

    
    add_filter('avia_breadcrumbs_args', 'avia_remove_home_breadcrumb', 10, 1);
    function avia_remove_home_breadcrumb($args){
    $args['show_home'] = false;
    return $args;
    }
    

    2) Probably I already answered this question with 1) but if you still want to change the color use following css code

    
    #top #main .breadcrumb a.trail-begin {
    color: #ffffff;
    }
    
    #162275

    Glad its working for you now :)


    @condormarketing
    – Just for future posts, our queue system goes by oldest posted topic to newest. So each time you self respond it actually pushes your topic to the end of our queue.

    #162255

    Hi Michael,

    Please see this topic https://kriesi.at/support/topic/kriesi-logo/

    Regards,
    Yigit

    #162241

    Hello stevewhite06 – I had the same issue. .entry-content looks to have been changed to .entry-content-wrapper. I don’t think this was mentioned in the changelog but Kriesi explains the change here…

    https://kriesi.at/support/topic/changed-and-added-classnames/

    btw… This should work for you…

    Change: #top .entry-content h1 { color: #58585a; }
    to
    #top .entry-content-wrapper h1 { color: #58585a; }

    #162197

    In reply to: Animation not working

    It seems like your menu name includes Cyrillic characters and this can break our menu script. A quick fix is to rename the menu. Just use latin characters for the menu name and re-save it. Eg call the main menu “Main Menu” and the top menu “Sub Menu” and it should work.

    We’ll change the menu classes & ids in the next version and then you should be able to use Cyrillic, Greek, etc. characters for the menu(s) too without breaking the menu script.

    #162155

    Hey,

    You can add this on your custom.css or Quick CSS to remove the padding and the border:

    #top div .avia-gallery img {
    padding: 0;
    border: none;
    }

    Regards,
    Ismael

    #162134

    Hi,

    You can move the menu using this:

    .main_menu {
    right: 80px;
    top: 20px;
    }

    Adjust the top and right position.

    Regards,
    Ismael

    #162117

    For item #3 I found a solution that alters only the Title text font and color and doesn’t affect the breadcrumb links on the right side.

    This may not work for your site. I’m using “Fixed header with Social Icons and additional navigation” for my header.

    For title text color add to Custom CSS or Quick CSS

    #top .alternate_color.title_container .main-title a { color: #CCC; }
    change the color # to whatever value you would like.

    For title text font attributes add to Custom CSS or Quick CSS

    #top .title_container .main-title { font-size: 16px; font-weight: bold; }
    change these values to whatever you would like–the font-size affects the size of the breadcrumbs box.

    Good luck,
    Chad

    Michae1
    Participant

    Hi,

    I think the title says it all. But if not, I’d basically just like to add a little space at the top and bottom of the dropdown menu items off of the main menu to make it match the space between the middle items. Can’t seem to find the class/id to alter here. Even after hours of poking around with Chrome’s dev tools. Please help. Thanx!

    #162091

    Hi,

    Go to LayerSlider WP > Slides > Global Settings > Slideshow > Automatically play videos. Turn if off.

    Regards,
    Ismael

    #162090

    Hi,

    Please move the code on the custom.css or Quick CSS field. Add this lines:

    @media only screen and (min-width: 768px) and (max-width: 989px) {
    .logo {
    width: 230px;
    margin-top: 50px;
    }
    }

    Regards,
    Ismael

    #162066
    wart-hog
    Participant

    Hi – I’m using a small, non-fixed header and want to move the menu items down in the header probably with {vertical-align: 30%}. I cannot for the life of me work out what css selectors I need to use to achieve it.

    My intention is to have the logo behind the menu so it can display some address details at the top of the page, and I need more room above the menu, but don’t want the header any larger.

    Any help gratefully appreciated.

    #162031

    Ismael,

    I can’t link you the website and don’t have time to make a screenshot sadly. (I know, I know)

    You were pretty much on point with what I wanted to do. You code works fine but when I make more than one Custom CSS Class for the quick CSS, my images vanish except the first one.

    So I have three sections on the same page, in each of these sections there is a paragraph of text and a header in a 1/2 column. These three sections are separated by default Hr dividers. I essentially want three different pictures that will slide in beside the paragraphs of these three sections. These pictures will be large and for stylistic reasons I want them to align with the text but at the same time overlap the Hr dividers if need be. Your solution above seemed to work for this after I added a z-index.

    My question to you is can I accomplish this by placing the image another 1/2 column beside the 1/2 column with the paragraph? And if not (manually adjust left and top position), how come I can’t get all three pictures to display if I assign them different CSS Classes and give them separate properties in Quick CSS?

    Hope that made more sense.

    If you want to see an example, http://www.apple.com uses this a lot.

    #162021

    Hi,

    1. This will change the height without affecting the dropdowns:
    #top .main_menu .menu > li > a, #header_main .container{ height: 65px !important; line-height: 65px !important}

    2. This one will change the color of the current-menu-item to red:
    #top .main_menu .current-menu-item > a{ color: red}

    3. And this will change the color/size of the text and links inside the breadcrumb container respectively.
    .breadcrumbs span{ color: red !important; font-size: 21px !important; }
    .breadcrumbs a{ color: blue !important; font-size: 21px !important; }

    Regards,
    Josue

Viewing 30 results - 139,501 through 139,530 (of 142,823 total)