Viewing 20 posts - 1 through 20 (of 20 total)
  • Author
    Posts
  • #23912

    I’ve got three columns on the main page, and for some reason the last column is being pushed onto its own line. I’m confused as to what is causing this.

    I’ve restored previous versions that were ok, and it happens on every version I install.

    Your help with this is greatly appreciated!

    comfield.ca

    Evelyn

    #121585

    Hi,

    Please add this on your custom.css

    .home .one_third {
    width: 25% !important;
    }

    Did you modify anything on the stylesheet?

    Regards,

    Ismael

    #121586

    Thank you SO much Ismael for your quick reply. This solved it – and you saved the day for me!

    Thank you

    #121587

    I just noticed your comment at the end Ismael. I don’t believe I did. Also, the really weird thing was that I restored backup copies I had and I had the same issue – but these were versions that were working fine. I’m really confused by this.

    I took a look at the style.css as I believe that’s what you are referring to and no, I didn’t touch that. I see it also says not to modify so I wouldn’t have. The changes I made were those that were provided me through support to custom css.

    #121588

    Hi achieve1,

    It could have been a change in the browser rendering the box model or a conflict with a newly actively plugin. Hard to tell but those would be my guesses.

    Regards,

    Devin

    #121589

    it seems to be doing it again. Would you suggest i deactivate plugins and see if that helps? I’m not sure how to handle this as the client is getting upset and I cant blame them.

    #121590

    Is the 25% correct in what was provided above. On the iphone it divides the columns into 4 and keaves the last column empty and the other 3 columns with one ot two words only per line.

    Many thanks for all your help.

    #121591

    Hi,

    Sorry. My bad. Please remove the css code that I gave you. Do this instead.

    Edit your frontpage. Your 1/3 shortcode should look like this

    [one_third first]

    [iconbox title="Build your own Skins" icon="Frames.png"]The supersmart WordPress Backend will definitley help![/iconbox]

    [/one_third]

    [one_third]

    [iconbox title="Mobile Optimized" icon="iPhone_4.png"]Responsive Design and Slideshows with touchcontrol[/iconbox]

    [/one_third]

    [one_third]

    [iconbox title="Let us know what you think" icon="Speech_Bubble.png"]Don't be shy and get in touch, let us know if you likte the theme[/iconbox]

    [/one_third]

    The first column should have something like this [one_third first], it will render no left margin.

    Regards,

    Ismael

    #121592

    Hi Ismael. Actually, what you have above is what I have been using all along and did work for a period, but then I ended up with the 2 columns and third pushed down to the next line. The next set of 3 columns did the same – 2 columns on one line with the third pushed below the first.

    What you provided the first time in terms of a solution did fix the issue with the columns on the website when viewed on a PC and ipad. It is just with the iphone or smaller smartphone devices I have an issue as it does seem to make it 4 columns on those smaller devices, which means each column can only contain a word or two, and an invisible 4th column is empty.

    #121593

    Hi,

    You are missing this on your first columns. Notice the word “FIRST”? [one_third first]

    I bet that you only have

    [one_third]

    [iconbox title="Build your own Skins" icon="Frames.png"]The supersmart WordPress Backend will definitley help![/iconbox]

    [/one_third]

    [one_third]

    [iconbox title="Mobile Optimized" icon="iPhone_4.png"]Responsive Design and Slideshows with touchcontrol[/iconbox]

    [/one_third]

    [one_third]

    [iconbox title="Let us know what you think" icon="Speech_Bubble.png"]Don't be shy and get in touch, let us know if you likte the theme[/iconbox]

    [/one_third]

    Regards,

    Ismael

    #121594

    I wish you were right, but no I was careful to check for that and did read the setup instructions so knew to look for that from the outset.

    Here’s what I have:

    [hr_invisible]

    [one_third first]

    [iconbox title="Condominium Specialists" icon="Home.png"]ComField has long been the choice of many condominium boards in Toronto and the GTA. We have acquired a wealth of experience and a long list of satisfied clients, using our expertise to deliver outstanding results and top quality service. More…[/iconbox]

    [/one_third]

    [one_third]

    [iconbox title="Commercial Property Management" icon="Apartment_Building.png"]ComField Management Services, Inc. is a trusted provider of commercial property management in Toronto and the surrounding areas. We have been providing property management services to the Greater Toronto Area for the past 9 years, and continue to provide exceptional service to our clients. More…[/iconbox]

    [/one_third]

    [one_third]

    [iconbox title="Knowledge and Links" icon="Key.png"]It’s important to stay up to date, and we keep it easy for you by providing a page with industry specific knowledge and links. This page is updated often, so be sure to bookmark it as your primary reference property management resource page. More…[/iconbox]

    [/one_third]

    [hr_invisible]

    [hr_invisible]

    [one_third first]

    [iconbox title="Experienced Professionals" icon="User_Comment.png"]Collectively, the Principals of ComField have more than 60 years experience in the management of real estate. The Principals of ComField have the professional training and experience to manage the property management staff assigned to your property. More…[/iconbox]

    [/one_third]

    [one_third]

    [iconbox title="ComField Management Services" icon="Info___About.png"]ComField Management Services Inc. (ComField) has over 9 years experience in property management in the Greater Toronto Area. Our portfolio includes Residential and Commercial properties, specializing in Condominium Property Management. More…[/iconbox]

    [/one_third]

    [one_third]

    [iconbox title="Careers" icon="Users_2.png"]ComField is always looking for experienced, motivated, self-starting individuals to fill various positions. We offer a meaningful career in a challenging environment. More…[/iconbox]

    [/one_third]

    [hr]

    #121595

    I can’t upload an image, but if you could see what the page looks like on the iphone you can see the issue I’m having.

    Interesting that the first code you sent did fix the website version. Any thoughts as to what to do next please?

    #121596

    Without this code – the mobile page loads with each icon as a separate entry.

    With this code it seems we lose the responsive ability of the theme.

    I’ve tried playing with the 25 in the code, but if it is not 25 it doesn’t work.

    This code is necessary for the web page – removing it means I get 2 coluns of icons using only part of the page and the third icon column is pushed underneath. This is repeated for the second set of 3 icon columns.

    I’ve tried creating a new page using the same process and it renders exactly the same way and not correctly.

    I’ve tried to reinstall a backup version that was working, and it doesn’t work either (using backupbuddy).

    #121597

    I removed the !important and it seems ok now! Does this make sense to you?

    #121598

    Hi,

    Sorry, my bad. The !important override the Media Queries. Glad it is fixed now.

    Regards,

    Ismael

    #121599

    The video I have set up on this page which was working previously, is no longer working on the mobile sites. Does this have to do with removing the !important and if so, is there a way to fix this please?

    Thanks!

    #121600

    Hi achieve1,

    Without seeing the page live we don’t really have a way to tell. If you can provide a link we can take a look and inspect the code.

    Regards,

    Devin

    #121601

    The link to the page with the video is comfield.ca/careers-home-page/

    Thanks!

    #121602

    Hi,

    Did you play the video using iPhone? iPhone doesn’t support flash players.

    Regards,

    Ismael

    #121603

    Hi,

    Yes I did interestingly – it worked perfectly. I had it working coming from YouTube and with one plugin that was for responsive themes and it worked perfectly as well.

    Evelyn

Viewing 20 posts - 1 through 20 (of 20 total)

The topic ‘3 columns pushed funny’ is closed to new replies.