Mirta

Hi Cais, the link for the gallery with the issue is on abconmedia.com/client-history

If you could help and get it resolved today, it would be MUCH appreciated!

Thanks

@cais – I am not sure what do you mean? I seem unable to edit inserted displays. I have tried to make some changes, but no success.

If I provide you with the login details (via private room or message), would you be able to take a look and maybe point me to what I need to do, or repair it yourself? I am really stuck right now, and need to have it finished ASAP.

My Skype: mirta.didara

Thanks!

Thanks, I had this set up http://prntscr.com/4sh8qj but the result is still the same.

I have resolved the issue, with a help of my friends. Here is what worked:
store-style.css
/* Make room for the heading h1, so it is positioned like other headings on the site */
#main-content #post-2942.post-2942 .entry-content .et_pb_fullwidth_section {
padding: 0;
position: absolute;
top: 119px;
width: 100%;
} /* position the heading h1 and the grey bar below the main nav */

#main-content #post-2942.post-2942 .entry-content .inner_wrap {
width: 1080px; /* make the plugin content aligned with the main nav, h1, and the footer */
margin: 0 auto;
position: relative;
padding-top: 225px; /* position the plugin content below the heading h1 */
}

/* Make the map full-width within the container and on the page, but aligned with the header, h1, and the footer */
#map_canvas {
width: 100%;
}

For Responsive:
/*——————-*/
/* Responsive styles */
/*——————-*/
/*——————-[1100px and higher]——————*/
@media only screen and (min-width: 1100px) {
/*——————-[1100px]——————*/
#main-content #post-2942.post-2942 .entry-content .inner_wrap {
width: 1080px;
margin: 0 auto;
}
}

/*——————-[980px]——————*/
@media only screen and (min-width: 980px) and (max-width: 1099px) {
/*——————-[1100px]——————*/
#main-content #post-2942.post-2942 .entry-content .inner_wrap {
width: 960px;
margin: 0 auto;
}
}

/*——————-[980px]——————*/
@media only screen and (min-width: 690px) and (max-width: 979px) {
/*——————-[980px]——————*/
#main-content #post-2942.post-2942 .entry-content .inner_wrap {
width: 690px;
margin: 0 auto;
}
}

/*——————-[480px]——————*/
/* For small tablets and phablets with width between 481 and 767 */
@media only screen and (max-width: 767px) {
/*——————-[480px]——————*/
#main-content #post-2942.post-2942 .entry-content .inner_wrap {
width: 400px;
margin: 0 auto;
}
}

/* For iPhones */
/*——————-[320px]——————*/
@media only screen and (max-width: 479px) {
#main-content #post-2942.post-2942 .entry-content .inner_wrap {
width: 270px;
margin: 0 auto;
}
}

The plugin should have integrate itself ‘in the sandwich’ between the h1 heading and footer, while in reality. In reality, its html was injected before the main content and the containers with the heading and the footer. On the page, it was displayed as container with the plugin content (inner_wrap) being positioned outside the rest of the layout, at the top left in the main content area, below the main nav, with h1 heading and main footer stacked at the bottom.

I am not sure whether the issue was related to the plugin or the theme, so I targeted the code to the plugin page only.

In overall, I love how the customizability of the plugin, an I would give it a 5-star review. However, the plugin integration gave me a lot of headache (while it should have been ‘plug and play’) and I lost a good deal of time trying to resolve it. Whether it is the theme or the plugin itself (other similar plugins didn’t have such issues with the same theme), I needed a support asap, but I didn’t receive it yet 🙁

Thank you, Jas! I have applied the code and the errors were removed 😀