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, 7 months ago by whdsolutions.

Hello there,
So actually I have 2 problems.
The first:
While I tried to enter the website from another computer, this is how it looks like:
http://screencast.com/t/rOUs2eRlbA

The top menu hiding the logo.
How can I make it responsive, so I can see it perfect in any computer?

The second:
This is a screenshot from another computer:
http://screencast.com/t/QJ9JJOe0h

It’s configured like this: top menu – center, logo – center.
I would like to move the logo and the top menu to the right but no matter what i’m doing, it’s not moving. what should I do?

Thanks!

Thanks.

I still get the same issue with the parent Enfold theme. I just need to know how to wrap a loop in the $output operators as you showed me in the original answer. This code (that you gave me) works for outputting html:

function test_shortcode() {
$output = "<h2>My Shortcode</h2>";
return $output;
}
add_shortcode( 'shortcode', 'test_shortcode' );

But fails when I try to create a loop as shown in my opening post.

I’m working locally so can’t provide access at the moment. Also, I tried to re-open the original topic , but it wouldn’t allow me to.

Regards,

Ash