Notice: These forums are now retired and closed. For active support, please Submit a Ticket or visit our official WordPress.org community pages.
Kadence Theme | Kadence Blocks | Starter Templates | WooCommerce Email Designer | Ascend | Virtue | Pinnacle

Search Results for 'banner'

Home / Forums / Search / Search Results for 'banner'

Viewing 20 results - 1,341 through 1,360 (of 1,614 total)
  • Author
    Search Results
  • In forum: Virtue Theme

    Topic: Mobile Slider

    #47037

    Hi Guys,

    I want to use a different revolution slider when the site is mobile.

    I need to know when the mobile revolution slider comes into effect – screen size – so that I can remove the main banner at the same time with the following:


    @media
    screen and (max-width: ?px) {
    .home_banner_wrapper {
    visibility: hidden;
    display: none !important;
    }
    }

    Many Thanks

    #46750

    HI, How to reduce the space between Banner and content ?

    site : dakxcc.com

    #45857

    You can use css like this:

    @media (max-width: 767px){
    .home.stickyheader.trans-header #kad-banner {
        position: static !important;
    }
    }

    Ben

    In forum: Virtue Theme

    In reply to: site style 4

    #45731

    In your slider settings. there is an Offset Containers: box where you can add a div id. Add #kad-banner

    Ben

    In forum: Virtue Theme

    Topic: Footer issues

    #45205

    Hi Ben or Hannah, sorry to be such a bug-a-boo. Once I get this homepage worked out, I’ll be good to go.

    So, my footer is very thin and there is a considerable amount of space between my Page builder fields and the end of my page. Can you tell me how to 1) shorten the height of my page and 2) increase my footer by about an inch? I tried using these two codes:

    .infobanner {
    margin: 0;
    }
    .contentclass {
    padding-bottom: 0;

    }
    To no avail.
    Thank you both so much!
    Tmarie

    #45180

    Whats wrong with the logo on mobile? something not working or you just don’t like the design for mobile?

    The retina logo changes out for the standard logo on all retina screens but there isn’t a theme option that gives you logo just for mobile. What you can do is set the retina logo as your mobile logo and add this css to change it from switching on retina to switching on screen size.

    body #kad-banner #logo .kad-retina-logo {
      display: none !important;
    }
    body #kad-banner #logo .kad-standard-logo {
      display:block !important;
    }
    @media (min-width: 768px){
    body #kad-banner #logo .kad-retina-logo {
      display: block!important;
    }
    body #kad-banner #logo .kad-standard-logo {
      display:none !important;
    }
    }

    Ben

    In forum: Virtue Theme
    #44915

    “Current slider menu with events” I unfortunately don’t know what this means?

    A slider can be built in the theme options > home slider settings. But for clarity a slider would be different then a carousel. And how are you building these “events”.

    Banner? Like maybe a call to action shown in the premium demo: http://themes.kadencethemes.com/virtue-premium/ at the bottom?
    See this tutorial: https://www.kadencewp.com/using-page-builder-virtue-premium/

    A slider menu? slider menu is terms that don’t make sense to me so if you could clarify maybe post a link to an example?

    In order of items from top to bottom on the free demo home page that you linked to:

    Flex slider,
    Portfolio carousel,
    Latest posts,
    Icon menu.

    Ben

    In forum: Virtue Theme
    #44902

    Thanks for directing me to the Portfolio Carousel…I was going nuts trying to find this and turn it off. What I’m trying to do is as follows:

    Current slider menu with events
    Banner “Click on trip or event box for more information”
    Another slider menu with other information

    All boxes the same type/same style…movement same time frame and horizontal from right to left.

    As far as the recorded demo, that’s not what I need. I want to find something that shows a picture of all components that can be included in the main page and the name of that component…example: name the components on your web page located here http://themes.kadencethemes.com/virtue/

    Thanks 😀

    In forum: Virtue Theme

    In reply to: Slider and Menu Issue

    #44890

    add this css:

    .home header#kad-banner {
      height: 60px !important;
    }

    Ben

    #44865

    Hi Greg,
    Have you set your menu to mobile navigation in Appearance > Menus?
    This css should give your logo a but of margin:

    @media (max-width: 767px) {
    #kad-banner #logo .kad-retina-logo {
      padding: 10px;
      margin-bottom: 10px;
    }
    }

    Just paste into your custom css box in Theme Options > Advanced Settings.

    Hannah

    #44844

    Hello,

    I’ll try to relay my issue as best as I can… I am using Revolution Slider with a full-screen view option and the Header/Menu in view at the bottom. It appears that on the Google Chrome browser, when you scroll down the page a bit, then scroll back to the very top, the menu jumps up and cuts more of the slider off, disregarding that is is a full-screen slider. On the slider settings, I do have the following code for offset container so the menu is in view with the full-screen slider: #kad-banner. I don’t know if this is conflicting with something that may be causing the issue.

    This isn’t a huge deal, it is just annoying. I tested this on Internet Explorer (which I don’t use), and this issue doesn’t appear to exist. Is there a fix for this?

    http://www.somethinghdr.com

    Thanks!
    Brad

    #44831

    Hi,

    How can I make my site banner go from edge to edge along the top of the page. My site is

    Thanks.

    Saskia

    #44759

    Hey,
    So one options for larger images is to use page builder and the virtue: image menu item widget instead of the theme options > home layout. Then just make sure you image is as large as it needs to be for mobile.

    Else you have to use css for the home layout image menu.

    Like this:

    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .homeitemcount1 .infobanner {
        background: url('http://malaysianlive.com/wp-content/uploads/2015/06/clothing.jpg') !important;
        background-size: cover !important;
    }
    .homeitemcount2 .infobanner {
        background: url('http://malaysianlive.com/wp-content/uploads/2015/06/muslimah.jpg') !important;
        background-size: cover !important;
    }
    .homeitemcount3 .infobanner {
        background: url('http://malaysianlive.com/wp-content/uploads/2015/06/shoes.jpg') !important;
        background-size: cover !important;
    }
    }

    Ben

    #44691

    I think I see what your wanting. you’ve got a lot of css in your custom css box that is changing the framework… add this:

    .infobanner {
      background-size: cover !important;
    }

    Ben

    In forum: Virtue Theme
    #44689

    Hi could someone assist me in getting rid of my header spacing. I tried

    .infobanner {
    margin-top: 0px;
    }
    .contentclass {
    padding-bottom: 0;
    }

    no dice. The website address is http://www.samplepromomdc.com/

    Tasha Marie

    #44657

    Hi there,

    I want my background image of the image menu in the virtue theme to cover the entire div. To do so I’ve found that If I change this piece of code on the chrome console from this:

    <div class="infobanner" style="background: url( <strong>center center no-repeat</strong>; height:230px;"><div class="home-message" style="height:230px;">
    <h4>Reforma Integral</h4>
    </div>
    </div>

    to this:

    <div class="infobanner" style="background: url( height:230px;">
    <div class="home-message" style="height:230px;">
    <h4>Reforma Integral</h4>
    </div>
    </div>

    It works, Any suggestion?

    Here’s the link to the page

    #44356

    Hi, I am trying to add a banner that was created by another company… it is to help me get votes for a grant and they generated the code for me on their website. However, I am not sure where to paste the code. Should I add it to a template? or the custom CSS? I would like it to appear on the front page sidebar, but it doesn’t show up when I pasted the code into the text or visual editor widgets.
    This is the code for the banner:

    #44305

    Help! Just can´t find the problem! I took the big picture (http://www.coconut-couture.com/wp-content/uploads/2015/05/revoslide1.jpg) out of my blog completely to try out if it fixes the problem. Didn´t change anything so I put it back in till I have time to resize it.

    I tried w3 total cache, which broke my page. I use cachify instead now. Didn´t fasten my page either though (I tested on pagespeed.de).

    The carousel of similar or recent posts doesn´t load at all anymore! There is only a big white space.

    I deleted all unimportant plugins and tried it with removing all content (pictures, css) from other sites (banners, logos etc.). Also didn´t help anything.

    I tried opening my website with the safari browser today and realized, that many objects show up in the wrong place. For your information, on cellphones (I use Samsung and a friend tried on iphone) everything works super fine.

    Could it be, that it isn´t a loading issue? Maybe some coding is broken?! THANK YOU SO MUCH!

    #44289

    Can you send a temp login to you site?

    In the mean time add this for a temp fix in your theme options > advanced settings custom css box.

    .page-template-page-landing #kad-banner {
        display:none;
    }

    Ben

    #43555

    I feel like it’s important that I say this again. What you are doing with the image menu item is not what the designed was intended for. You are hacking it with your custom preference. This means it’s not naturally going to work like you want and you will always have to add more and more css to make it function responsively. I can only help to a point. At some point you go beyond support. Based on the support policy your already well beyond that but I’ve trying to help.

    .home-message {
      background-position: center center !important;
    }
    
    @media (max-width: 991px){
    #pg-6-0 .panel-grid-cell {
      padding-left: 15px;
      padding-right: 15px;
      float:left;
      width:33.33%;
    }
    }
    @media (max-width: 768px){
    #pg-6-0 .panel-grid-cell {
      padding-left: 15px;
      padding-right: 15px;
      float:left;
      width:50%;
    }
    .home .infobanner {
      height: 200 !important;
    }
    }
    

    Ben

Viewing 20 results - 1,341 through 1,360 (of 1,614 total)