Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #380925

    Thanks to the Kriesi team for helping me get my accordion slider set up to accept HTML, following this thread. Those instruction worked fantastic, however, I’ve just recently noticed that I lose the HTML buttons & links when screen resolution drops below 781px wide and I can’t figure out why. The only Custom CSS being used is as follows:

    from theme options > General styling > Quick CSS:

    /*--------------SLIDER SETTINGS-----------------*/
    
    /* Accordion slider: slide black background position */
    #top .aviaccordion-preview-title-pos {
    left: 70%;
    bottom: 1%;
    }
    
    /* Accordion slider: Button CSS for use on each slide */
    .sliderButton {
    	-moz-box-shadow: 4px 4px 0px -2px #899599;
    	-webkit-box-shadow: 4px 4px 0px -2px #899599;
    	box-shadow: 4px 4px 0px -2px #899599;
    	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #b9bced));
    	background:-moz-linear-gradient(top, #ededed 5%, #b9bced 100%);
    	background:-webkit-linear-gradient(top, #ededed 5%, #b9bced 100%);
    	background:-o-linear-gradient(top, #ededed 5%, #b9bced 100%);
    	background:-ms-linear-gradient(top, #ededed 5%, #b9bced 100%);
    	background:linear-gradient(to bottom, #ededed 5%, #b9bced 100%);
    	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#b9bced',GradientType=0);
    	background-color:#ededed;
    	-moz-border-radius:9px;
    	-webkit-border-radius:9px;
    	border-radius:9px;
    	display:inline-block;
    	cursor:pointer;
    	color:#545454;
    	font-family:arial;
    	font-size:16px;
    	padding:7px 71px;
    	text-decoration:none;
    	text-shadow:0px 1px 0px #e1e2ed;
    }
    .sliderButton:hover {
    	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #b9bced), color-stop(1, #ededed));
    	background:-moz-linear-gradient(top, #b9bced 5%, #ededed 100%);
    	background:-webkit-linear-gradient(top, #b9bced 5%, #ededed 100%);
    	background:-o-linear-gradient(top, #b9bced 5%, #ededed 100%);
    	background:-ms-linear-gradient(top, #b9bced 5%, #ededed 100%);
    	background:linear-gradient(to bottom, #b9bced 5%, #ededed 100%);
    	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b9bced', endColorstr='#ededed',GradientType=0);
    	background-color:#b9bced;
    }
    .sliderButtonButton:active {
    	position:relative;
    	top:1px;
    }
    
    /* Accordion slider: removes single link and allows for HTML to be inserted into Caption field */
    #top .aviaccordion-slide-link {
    display: none;
    }

    from child theme’s style.css:

    /* tiny bit of space above logo's fist, else the logo butts right up to browser border*/
    .logo img {padding: 10px 0 !important; }
    
    /*Show Schedule active tab coloring */
    .js_active .active_tab {
    background: gray; font-size: 15px; text-shadow:-2px 1px #c6c6c6;}
    

    This error is easily reproduced on our homepage accordion slider here. Any help you could give would be greatly appreciated.
    Thanks.

    #381476

    Hi truthbetoldmedia!

    do you mind giving us admin access to have a deeper look into the issue?
    In the meanwhile please deactivate all plugins to see if one is causing the issue.

    Cheers!
    Andy

    #381746
    This reply has been marked as private.
    #382827

    Hey!

    It’s happening because of this code in style.css:

    @media only screen and (max-width: 780px)
    {
    	.responsive #top .aviaccordion-title-no-mobile .aviaccordion-preview-title-pos{
    		display:none;
    	}
    }

    Regards,
    Josue

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.