Viewing 30 results - 89,701 through 89,730 (of 142,838 total)
  • Author
    Search Results
  • #695999
    lessismoredesign
    Participant

    Hi, I have edited my main menu with the code I’ve found on one of your topics (https://kriesi.at/support/topic/main-menu-with-centered-logo-and-navigation-left-and-right/)
    So it looks the way it should look when you open it on desktops. Though the mobile menu is a bit of a mess, how can this be solved? The problem is shown on the printscreen with the following link: http://prnt.sc/cqhwsz

    • This topic was modified 9 years, 5 months ago by Rikard.
    #695994

    Topic: Logo Removal

    in forum Enfold
    Guilherme
    Participant

    How do I remove the Logo from the top header of my site?

    #695993

    Hey Charlotte! :)

    1- You have following custom CSS code

    .avia_textblock iframe {
        width: 350px !important;
    }

    Please remove it

    2- Please add following code to Quick CSS

    div[data-cf-widget="search-iframe"] {
        margin-top: 10px;
    }

    Cheers!
    Yigit

    #695991
    AnineOlsen
    Participant

    I’ve just updated to Enfold 3.8 and now all my coding in my WPML doesn’t seem to be working. I’ve used the code from your support tread https://kriesi.at/support/topic/remove-language-switcher-flags-in-header/ which has worked fine up til now.

    I’ve don’t want the flags to be shown in the menubar and also I only want the inactive language written in letters to be shown in the menubar.

    Hi Vinay,

    Brilliant! Thank you for pointing out that the image itself had a line and for the code to remove the space on top. Both are now fixed.

    Now, can you please help to reduce the space between Layout Elements on just that one page?
    And to reduce the space between the image and the text “Compare Long…” inside of the Text Block on just that one page.
    [Please see the image in the Private Message that shows my goal]
    Ultimately, my goal is to have the bottom of the Contact Form above the fold of a small monitor

    Thank you.

    #695980

    sure.

    The page shows up fine on desktop but on mobile the post don’t show up until you scroll down.

    #695968

    Topic: header issue on tablet

    in forum Enfold
    famewebdesign
    Participant

    Hello,
    Please check http://www.debierbeleving.nl
    On desktop, the logo disappears when scrolling down. On tablet, the logo will NOT disappear. How can I arrange that the logo also disappears on tablet when scrolling down?
    Thanks for your help!
    Martine

    #695962

    Hi,

    A while ago, but still looking for a solution for this issue…

    I followed Ismael’s instructions above (#609402 of April 7th) but unfortunately that didn’t work. The top of the tab element is still hidden by the menu. I deleted everything from style.css and functions.php again, but kept the Header > Header Layout > Header Size to custom pixel value at 116px.

    Can you try again to login please and have a look? Below new login info.

    Thanks a lot and best regards,
    Monique

    pimroll
    Participant

    Hello,

    I would like to display the text block font in different sizes in mobile and desktop for certain text blocks.

    Is it possible to add a code to Custom Css Class field, so it would display differently in the mobile?

    Best Regards,

    #695957
    charlotteraboff
    Participant

    Hi the Enfold Support Team!

    http://www.newyorkinspiration.com

    Flight Search box on the right hand side

    1. The whole width is not visible for some reason
    What code shall I add so it is?

    2. I want the Flight search box to the align on the top with the Hotel search box.
    What code shall I add?

    Thanks!
    Charlotte

    #695955

    Hey guys,

    So somehow I must have done something wrong myself, although I don’t know yet what ;-)

    Any way, it works now! Thanks a lot for your help and please flag this topic as solved.

    Have a nice day,
    Monique

    #695954

    In reply to: Position address bar

    The question is quite simple: can you move the position of the “Header Phone Number / Extra Info” from top to down? In the Enfold menu> Header I can only select whether the text is right or left.

    #695947

    Hey blaircomm,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    @media only screen and (max-width:992px) {
    .ls-slide.ls-slide-1 {
       margin-top: 87.99474px!important;	
    }
    .container.av-logo-container {
    	height: 210px !important;
    }}
    

    Best regards,
    Vinay

    #695943

    Hey!

    But how do I get the post meta data to show under the title?

    1.) There is no element for that so you have to create a shortcode or a new element.

    // https://kriesi.at/support/topic/missing-category-info-in-post-meta-infos-using-alb
    // https://kriesi.at/support/topic/using-alb-with-custom-post-type-and-meta-information/#post-580144

    2.) Please provide a link to the actual post.

    3.) Use the “[jetpack-related-posts]” shortcode in the template-builder.php file or add it in the builder’s text or code block.

    Regards,
    Ismael

    paulseager
    Participant

    I have included a logo (in white -as a .png) in the full screen slider header using html it works fine and I have used this before on other sites built using enfold. I love the theme – by the way! But on a mobile there is a really huge space at the head of the logo. It sits fine on my desktop… is there anyway to control the padding on mobile device only please?

    Hi Rikard, are you saying that you did something to the code of the one we were using? our technical guy said we were using the legal copy and stopped using the other, so why has it expired?
    Thanks,
    Dominic

    #695908

    Hey!

    Did the filter work? What if you have a map widget in the page?

    Related thread: https://kriesi.at/support/topic/third-party-google-map-plugin/#post-681515

    The filter is basically the same with yours but it will also disable the map widget api.

    Regards,
    Ismael

    #695896

    Hi – did that initially – see top of thread. No effect

    Hey classywebsites,

    The line is part of this image in private content. Crop the image on top 2px it should go away.

    To remove the space on top Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .page-id-10793 main {
    	padding-top:0!important;
    }
    
    

    Best regards,
    Vinay

    #695890

    Hi,

    Great, glad we could help :-)

    Please let us know if you should need any further help on the topic.

    Regards,
    Rikard

    #695886

    Hi,

    Thanks for letting us know, please let us know if you should need any further help on the topic.

    Best regards,
    Rikard

    #695882

    Hey!

    You should check this list of css media queries for standard devices. https://css-tricks.com/snippets/css/media-queries-for-standard-devices

    Or try to replace it with the following code:

    @media only screen and (min-width:1600px) {
    	.show-on-laptop { display: none !important; }
    }
    
    @media only screen and (max-width: 1600px) {
    	.show-on-large-screen { display: none !important; }
    }
    
    @media only screen and (max-width: 1200px) {
    	.show-on-laptop { display: none !important; }
    }
    
    @media only screen and (min-width: 1024px) {
    	.show-on-mobile { display: none !important; }
    }

    Regards,
    Ismael

    Hi,

    Thanks for the feedback and glad to hear that you got it working :-)

    Please let us know if you should need any further help on the topic.

    Best regards,
    Rikard

    #695845
    blaircomm
    Participant

    I am just beginning to develop an Enfold site and have a rough Advanced Layerslider placeholder on the home page. The issue is when it hits the first responsive breakpoint—I get it at around 992px—the menu changes to the mobile menu and the slider image slips up under the top logo section container cutting off about 1/3rd of the image. This seems to happen only on the “tablet” view and not on the “smartphone” view. Unfortunately, that tablet view is very important. Whenoit get narrower as in mobile view, it doesn’t happen.

    There is a white space below the top logo that grows inn this view and the logo no longer sits on top of the layerslider, but is seperated with the layerslider going under the white space. The logo should sit on top of the layerslider when going responsive to maintain the layout in tablet view. It looks like the logo/menu area container does not have the same responsive breakpoints as it does not change in depth until the 2nd breakpoint is hit—then it works for mobile and sizes proportionately. I can’t find what this element is in the web inspector.

    I tried everything I could think of to prevent it, but could not find a solution. I have included the web adderess and password. Please look at the home page and shrink the window horizontally and you will see the problem.

    Is there a solution to this issue?

    classywebsites
    Participant

    Can you please help to remove the space and line at the top of one page?
    The Layout is set to to “Hide Header on this page” to hide Header and Menus (my menus are custom), but there is still a space and line at the top of one page.

    Can you please help to reduce the space between Layout Elements on one page?
    My goal is to have the bottom of the Contact Form above the fold of a small monitor

    Thank you.

    Hi,

    Sorry for the delay, to create the google map API visit the google API page (link provided in the documentation )
    https://developers.google.com/maps/documentation/javascript/get-api-key#key

    1. Click on Get A Key.
    2. A popup appears in that select “Create a new project” from the dropdown that appears when you click on “Select or create project” give it a unique name.
    2. Click on Enable API.

    Or in your google account click on re-generate API key on the top.

    Both the options should work just fine.

    Best regards,
    Vinay

    #695819
    kenshepherd
    Participant

    We’ve placed a few lines of custom css in the “general styling” tab, but it only is working for safari. We’re trying to hide certain color sections on mobile devices, and it doesn’t seem to be working, except on Safari. We’ve cleared caches, tried to rewrite the css, but nothing seems to be working.

    Website: phaceology.com

    Here is the css we’ve entered:

    h1, h2 {
    text-transform: none !important;
    }

    #homeslidemobile { display: none !important}
    @media only screen and (max-width: 990px) {
    #homeslidemobile { display: block !important; }
    }

    @media only screen and (max-width: 990px) {
    #home-slide {
    display:none !important;
    }
    }

    .avia-testimonial-content p {
    font-size:125% !important;
    }

    #top .av_header_glassy.av_header_transparency #header_main {
    background-color: rgba(255,255,255,0.6);
    }

    #695795

    Hey Luc!

    Can you please elaborate on the changes you would like to make?

    If i understood you clearly, you can simply go to Appearance > Menus and click “Screen options” on the top right corner and check “CSS classes” and then you can add custom class to the menu items you would not like to display in your hamburger menu (“no-burger” in example) then you can add following code to Quick CSS in Enfold theme options under General Styling tab

    #av-burger-menu-ul .no-burger { display: none !important; }

    Cheers!
    Yigit

    #695778

    Hi!

    Exactly ;D
    Please add following code to Quick CSS

    #top #wrap_all .av-social-link-snapchat:hover a {
        background: yellow;
        color: white;
    }

    Cheers!
    Yigit

    #695774

    Topic: Hide Widget on Mobile

    in forum Enfold
    timkeeley
    Participant

    Hi,

    I am using a 3 column footer, and the middle widget is empty. When viewing on mobile, there is a large gap between left and right widget, which of course is top and bottom on mobile.

    How do I hide this middle widget on mobile so that the gap is not there?

    Thanks!

    • This topic was modified 9 years, 5 months ago by timkeeley.
Viewing 30 results - 89,701 through 89,730 (of 142,838 total)