A strange issue - Post ID 305999

User 276801 Photo


Registered User
24 posts

I use a piece of software called conversion gorilla which inserts an ad bar at the top of a page. You insert a one line script in either the header or footer. You can set the conversion gorrilla page to either overlay the top or push the page down. I want to push it down. It was doing that until a couple of days ago. It now overlays. I set up a test page and you can see what happens at https://www.mexicocaravans.com/test.html

Fortunately i regularly save earlier versions, so I have uploaded an earlier version of the site to a subdirectory. There, the bar does push the page down. You can see it at https://www.mexicocaravans.com/test/test.html

I did something between the 2 versions to screw it up but have no idea how. I know the problem is the ccs because if i replace the new css folder with the old one, it works. A bit hard to test as i have to delete history, cache etc every time I reload. The site is bootstrap, BTW

I have further narrowed it down to main.css. I have uploaded the old one (working and the new one (not working)

https://www.mexicocaravans.com/oldmaincss.txt

https://www.mexicocaravans.com/newmaincss.txt

User 2699991 Photo


Registered User
5,451 posts
Online Now

It would be better if you could put your project file so that someone can look at it if you create a folder on your pc, then zip that folder, and place the project file (Site Designer) into that and upload it to this post we can download it and take a look. Or if you don't fancy the idea of that then you could email me (link in my signature below) and I will send you my contact mail so you can send it to me and I will see if I can spot whats happening

You DON"Site Designer, you do it within site designer itself, then export it and the load it to your hosting service.
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS

Contact me
https://rsd-tutorialscom.coffeecup.com/index.html
User 2699991 Photo


Registered User
5,451 posts
Online Now

Its A Kind Of Bali Magic wrote:
It would be better if you could put your project file so that someone can look at it if you create a folder on your pc, then zip that folder, and place the project file (Site Designer) into that and upload it to this post we can download it and take a look. Or if you don't fancy the idea of that then you could email me (link in my signature below) and I will send you my contact mail so you can send it to me and I will see if I can spot whats happening

You DON"Site Designer, you do it within site designer itself, then export it and the load it to your hosting service.


UPDATE
something strange has also happened, the form isn't displaying, gice me a moment orv two and I will see if I can fix it
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS

Contact me
https://rsd-tutorialscom.coffeecup.com/index.html
User 2699991 Photo


Registered User
5,451 posts
Online Now

Update 2

OK fixed it
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS

Contact me
https://rsd-tutorialscom.coffeecup.com/index.html
User 379556 Photo


Registered User
1,615 posts

Paul Beddows wrote:
... It now overlays. I set up a test page and you can see what happens at https://www.mexicocaravans.com/test.html

Fortunately i regularly save earlier versions, so I have uploaded an earlier version of the site to a subdirectory. There, the bar does push the page down. You can see it at https://www.mexicocaravans.com/test/test.html ...

I think that the offending line in the css relates to body.body-2. The margin-top is set to 0. Removing that setting seems to do the trick.

Frank
User 2699991 Photo


Registered User
5,451 posts
Online Now

Ok I think that this should do it
on every page that you want that thingy to slide in down

1/ select the "form-container" that for some reason is acting as a navigation container)
2/ go to "Layout" tab --- "Dimensions" and add a 50px margin from the top (or a bit more if you want more space

Then go to your "Page Manager tab

select the "Test" page

select the line of script in the footer section and cut it
<script data-cfasync="false" src="https://conversiongorilla.com/b.php?b=1021"></script>


scroll further down to the "Footer" select "Use Global" and paste it in

then you can select the pages you want that banner thingy to appear, scroll down to the footer section of that page and simply select the "Use Global tick box, the script will magically appear.

If I was you I would also get rid of the real navigation components (there are 4??? of them that are set to display = none, which means they can't be seen by humans BUT BROWSERS and SEARCH ENGINES can see them, and it will confuse then more than just a little bit (just like it confused me.

If you struggle with all that, I can do a Demo Video showing the process, but won't be until Friday this week, as I am away for the next 3 days
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS

Contact me
https://rsd-tutorialscom.coffeecup.com/index.html
User 276801 Photo


Registered User
24 posts

OK I tried increasing the margin but it still does not push the page down. It solve the issue of not overwriting the nav buttons but that is not the underlying problem. I use different banners for different pages and conversion gorrilla provides a different number script to insert in the header or footer, so defeating the banner on a page by page basis is not something that is needed.

You can see it working on a companion website at https://www.bajacaravans.com
User 379556 Photo


Registered User
1,615 posts

Paul Beddows wrote:
OK I tried increasing the margin but it still does not push the page down. ....

That's interesting.

I copied the HTML page and the CSS main file. That of course didn't display the page with everything, but did show the problem. When I deleted the CSS line I mentioned, it looked as though that worked.

The attached are the files after deleting the CSS line.

I wonder whether those files do show the effect that was wanted.

Frank
Attachments:
User 276801 Photo


Registered User
24 posts

bali magic: not sure what you mean by this:

If I was you I would also get rid of the real navigation components (there are 4??? of them that are set to display = none, which means they can't be seen by humans BUT BROWSERS and SEARCH ENGINES can see them, and it will confuse then more than just a little bit (just like it confused me.
User 2699991 Photo


Registered User
5,451 posts
Online Now

Paul Beddows wrote:
bali magic: not sure what you mean by this:

If I was you I would also get rid of the real navigation components (there are 4??? of them that are set to display = none, which means they can't be seen by humans BUT BROWSERS and SEARCH ENGINES can see them, and it will confuse then more than just a little bit (just like it confused me.


https://youtu.be/YT0SkEMxkp4
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS

Contact me
https://rsd-tutorialscom.coffeecup.com/index.html

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.