Hello,

Can you please be a little more detailed? What element is not displaying correct in mobile?
I have already created a portfolio page as you suggest in this other topic of yours. The pages are created from the same scripts so it should not have any problem with other portfolio pages.
-“first portfolio listing on my homepage” are you perhaps referring to a Single portfolio item page? In this case, you can not use Visual Composer elements. You can only add description text and the information on Custom Fields.
See this video tutorial to understand more.
Let us know.

Best regards!

Hello,

Sorry for the late reply.
I added this code into your custom css box:

@media (max-width: 979px){
.full-width-content .col > .wpb_column {
    width: 80% !important;
    overflow-x: hidden !important;
}
.wpb_row > .section_link {
    width: 100% !important;
    overflow-x: hidden !important;
}
.full-width-content .col > .wpb_column {
    width: 99% !important;
}
}

Please go to file css/bootstrap-responsive.css and find this line:

.full-width-content .col > .wpb_column{
    width:100% !important;
 }

Remove the !important from it and save.

Please check your site. The Visual Composer elements of home page are not showing up correctly. This is mostly due to punctuation marks errors. Did you try to copy-paste the content in Classic mode?

Let us know if you need further help.

Best regards!

Hello,

We are sorry for the inconvenience!
We are glad to hear you resolve the issues. We fixed the responsive issues on tablet and phone view, please check your site. Added the previous codes that my colleague gave you and these :

 /*tablet landscape */
@media (max-width: 1024px) and (min-width: 768px) {
.viewport {
    overflow-x: hidden;
}
div#navigation {
    margin-right: -44px;
}
}
/*tablet */
@media (max-width: 979px) {
.col.span_12.dark .vc_col-sm-6.wpb_column.column_container.with_padding.vc_custom_1484148697986.vc_custom_1484148697986 {
    left: 21px !important;
}
}
/*phone*/
@media (max-width: 480px) {

.vc_col-sm-6.wpb_column.column_container.with_padding .wpb_wrapper {
    width: 85%;
}
.viewport {
    overflow-x: hidden;
}
}

Let us know if you have other issues.

Thank you for understanding!
Best regards!