• Resolved matthewmandegar

    (@matthewmandegar)


    I am having a issue with the live view of a website I am working on. if you look at the bottom of the homepage, you can see the google map is compacted to the right. it is the same for the services page. in the elementor editor it looks full width.

    The page I need help with: [log in to see the link]

Viewing 11 replies - 1 through 11 (of 11 total)
  • I don’t know but…

    You homepage are using .png of 1 – 1.5 MB!!!
    You must to use Jpg with 8-6 as compression (8 because I’m using fromPhotoshop)

    @matthewmandegar create a third column and add the google map widget there. Currently, you have added the google map in the second column, therefore, it is not working properly.

    Thread Starter matthewmandegar

    (@matthewmandegar)

    @scarpinoc – i dont understand what you mean.

    @apprimit – it is already 3 columns there. and the google maps is in the third.

    Your picture are in .png format! and they are so heavy ^___^
    you cannot use 1.5MB for every image ehehe…

    For example, the girl with the organ background

    https://oakdalecleaners.com/wp-content/uploads/2019/04/od1_6.png

    it’s 1.2MB!

    You MUST to convert it with, for example,XnView -> JPB -> 70% or compression.

    And you will have a job of only 65Kb. your homepage is too heavy

    Did you add custom HTML code in the footer section? Try removing it temporarily and check it works or not. Can you copy/paste the code here you have added in the footer column? It seems there is some open tag that need to be closed causing this issue.

    Thread Starter matthewmandegar

    (@matthewmandegar)

    @apprimit – I didn’t add a footer section. I just added a new 3 column section under the pictures. footer bottom and footer widget are disabled. the only custom html is the following:

    <h2 style=”text-align: center;” class=”ot-title”>Hours Of Operations</h2>
    <div style=”color: #1a1c1e;”><div class=”mbhi-style mbhi-style-boldclean”>
    <div class=”mbhi-boldclean-wrapper”>
    <div class=”mbhi-boldclean-entry”>
    <div class=”mbhi-boldclean-hours”>7 <sup>AM</sup> — 6 <sup>PM</sup></div>
    <div class=”mbhi-boldclean-range”>Monday – Friday</div>
    </div>
    <div class=”mbhi-boldclean-entry”>
    <div class=”mbhi-boldclean-hours”>10 <sup>AM</sup> — 6 <sup>PM</sup></div>
    <div class=”mbhi-boldclean-range”>Saturday</div>
    </div>
    <div class=”mbhi-boldclean-entry”>
    <div class=”mbhi-boldclean-hours”>Closed</div>
    <div class=”mbhi-boldclean-range”>Sunday</div>
    </div>
    </div>

    This is to format the hours of operations on the bottom. there is no other html i tried to remove it and see if that will change anything but no.

    Try the updated code and check it fixes the issue or not. Clear cache after adding the code –

    <h2 style="text-align: center;" class="ot-title">Hours Of Operations</h2>
    <div style="color: #1a1c1e;">
        <div class="mbhi-style mbhi-style-boldclean">
            <div class="mbhi-boldclean-wrapper">
                <div class="mbhi-boldclean-entry">
                    <div class="mbhi-boldclean-hours">
                        7 <sup>AM</sup> — 6 <sup>PM</sup>
                    </div>
                    <div class="mbhi-boldclean-range">
                        Monday – Friday
                    </div>
                </div>
                <div class="mbhi-boldclean-entry">
                    <div class="mbhi-boldclean-hours">
                        10 <sup>AM</sup> — 6 <sup>PM</sup>
                    </div>
                    <div class="mbhi-boldclean-range">
                        Saturday
                    </div>
                </div>
                <div class="mbhi-boldclean-entry">
                    <div class="mbhi-boldclean-hours">
                        Closed
                    </div>
                    <div class="mbhi-boldclean-range">
                        Sunday
                    </div>
                </div>
            </div>
        </div>
    </div>
    Thread Starter matthewmandegar

    (@matthewmandegar)

    @apprimit – thank you that worked! was the html code wrong?

    Yes, you had two open div tag.

    Thread Starter matthewmandegar

    (@matthewmandegar)

    @apprimit Thank you for all your help

    You’re welcome!

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Live View Issues’ is closed to new replies.