it looks good on my laptop because the width of the slider is 1500px so it goes all the way across, but is there a way to force it to stretch no matter what size the screen? like on the full-width slider?

Thank you, I had put that in because without it the top section has way too much white space around it.

What I can I do to just control the top section?

Thank you!

Hey there, reopening this I got super frustrated and stopped using any custom icons, that is why the image above shows them all.

However I tried again on another site to add a custom social icon. I added the font etc, custom name, and it worked. This was maybe a week ago. Today I randomly noticed it was gone. Social icons are all in the header except for the custom “yelp” one I added.

I cannot deactivate plugins because this is a network and other sites are live.

Do you have ANY thoughts on why this happens?
Thank you.

Thanks Yigit unfortunately the content underneath the video is appearing on top? You can see from the screenshots linked in private content that the Parallax is also displaying incorrectly, I do have another open ticket regarding this. Can you offer any further advice? Thank you.

Ok Thx no Problem

No German Speaking Moderator availible ?

I Still have the Problem

I Have to Rebuild the Website and need the Pictures on the TOP and the Languages Flags Left under the Logo.

Thx

I thought it would be a good idea to show all the quick css we have on the braandcorsetsupplies.com site too

here it is…

=================================

@media only screen and (max-width: 1300px) {
div#full_slider_1 { display: none; }}

@media only screen and (min-width: 1301px) { div#full_slider_2 { display: none; }}
@media only screen and (max-width: 800px) {
.flex_column { width: 100% !important; margin-left: 0 !important; }}

/*single product sidebar fix*/

/*hide cell on desktop*/
@media only screen and (min-width: 801px) {
.not-for-desktops { display: none !important; }}

.single-product .product {
width: 100%;
}
.single-product-summary {
float:left;
width:45%;
margin-right: 3%;
}

.single-product-main-image {
width: 25%;}

/* Right Side bar top padding*/

.sidebar {
padding-top: 10px;}

/* Hide Titles on lightbox */

.mfp-title {
display: none !important;
}

/* iconic Swatch styles */

.single-product-summary { overflow: visible !important; }

.single-product-summary:after {
content: “”;
display: table;
clear: both;
}

#top .variations td.label { width: 100% !important; }

#top .variations .label label { text-align: left !important; }

form.cart .variations select { float: none !important; }

.single_variation_wrap { margin-left: 0 !important; }

.iconic-was-swatch__graphic{
width: 50px !important;
height: 50px !important;
}

.iconic-was-swatches–visual .iconic-was-swatch–selected:before {
line-height: 51px !important;
}

/* Currency swap Flags */
a[data-currencycode=”USD”] {
background-image: url(‘http://upload.wikimedia.org/wikipedia/en/a/a4/Flag_of_the_United_States.svg’) !important;
background-size: 40px !important;
width: 40px;
background-repeat: no-repeat;
font-size: 0;
height: 20px;
}

a[data-currencycode=”EUR”] {
background-image: url(‘http://upload.wikimedia.org/wikipedia/commons/b/b7/Flag_of_Europe.svg’) !important;
background-size: 40px !important;
width: 40px;
background-repeat: no-repeat;
font-size: 0;
height: 27px;
}

a[data-currencycode=”BRL”] {
background-image: url(‘https://upload.wikimedia.org/wikipedia/commons/0/05/Flag_of_Brazil.svg’) !important;
background-size: 40px !important;
width: 40px;
background-repeat: no-repeat;
font-size: 0;
height: 28px;
}

a[data-currencycode=”CAD”] {
background-image: url(‘https://upload.wikimedia.org/wikipedia/commons/c/cf/Flag_of_Canada.svg’) !important;
background-size: 40px !important;
width: 40px;
background-repeat: no-repeat;
font-size: 0;
height: 20px;
}

a[data-currencycode=”AUD”] {
background-image: url(‘https://upload.wikimedia.org/wikipedia/commons/b/b9/Flag_of_Australia.svg’) !important;
background-size: 40px !important;
width: 40px;
background-repeat: no-repeat;
font-size: 0;
height: 20px;
}

a[data-currencycode=”GBP”] {
background-image: url(‘https://upload.wikimedia.org/wikipedia/commons/a/ae/Flag_of_the_United_Kingdom.svg’) !important;
background-size: 40px !important;
width: 40px;
background-repeat: no-repeat;
font-size: 0;
height: 20px;
}

/* top secondary menu font size */

#top .av-subnav-menu > li > a {
font-size: 18px;
}

/* top secondary menu change to mobile */

This is okay in desktop mode but now the menu is huge in height in responsive mode on iphone and android

• This reply was modified 9 years, 3 months ago by whdsolutions.