Tagged: , ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 15, 2017 at 10:06 am #747388
    cordellbrewer

    Hi,

    The footer columns don’t seem to repack below each other on mobile but on a specific page only. This is about the fifth time this has happened.
    I have opened a support query for this before last year and was told that the devs would sort it out but they don’t seem to have done that yet.
    It seems to relate to color sections.

    I was provided with this bit of CSS which does seem to work.

    @media only screen and (max-width: 767px) {
.flex_column {
    width: 100%!important;
    margin-left: 0!important;
}}

    Please could you kindly take a look and see why exactly this is happening and if we can get it sorted for good :)

    Thanks.

    February 16, 2017 at 5:51 am #747791
    Rikard

    Hey Cordell,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
.page-id-4308 #footer .av_one_third {
    width: 100% !important;
    margin-left: 0 !important;
}
}

    Best regards,
    Rikard

    February 16, 2017 at 10:12 am #747877
    cordellbrewer

    Hi Rikard,

    Thanks for that. Both bits of CSS work.
    I would like to know why it’s happening? What element or configuration of elements is causing this so I can avoid it in the future.

    I just noticed that it also seems to affect my socket styling on desktop too. Like if you look on the other pages the socket social icons are more spread out. Weird.

    Thanks.

    February 17, 2017 at 5:43 am #748222
    Rikard

    Hi,

    Thanks for the feedback. We’re not sure what is causing that problem unfortunately, if we knew we would have fixed it a long time ago. One thing you could try is to wrap all your content in Color Section elements, that has worked before.

    The link you posted before gives me a 404 error now, could you link to a page where we can see the problem in the socket please?

    Best regards,
    Rikard

    February 17, 2017 at 9:04 am #748281
    cordellbrewer

    Hi Rikard,

    Ok. I will try wrapping them in color sections in future.

    Sorry about the 404. The page went live yesterday so the URL changed.

    I have added 2 pages for you to compare the socket issue on.

    The About page has the social icons spaced with the default Enfold CSS. It has ignored my custom CSS.
    The Contact page has my custom CSS so that they are more spaced out.

    It seems to only affect the About page.

    Thanks.

    February 18, 2017 at 6:42 am #748778
    Rikard

    Hi,

    Thanks for that, please try this instead:

    
#socket .social_bookmarks li {
    margin-right: 13px !important;
}

    Best regards,
    Rikard

    February 18, 2017 at 12:31 pm #748828
    cordellbrewer

    Hi Rikard,

    Perfect!

    I suppose I should have tried that. n00b of me.

    Much appreciated :)

    February 18, 2017 at 7:53 pm #748880
    Basilis

    Hey!

    Glald you got it short!
    Please remember to also rate our theme at Themeforest, it really help us out.

    Thank you very much

    Best regards,
    Basilis

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.