mobile device – sidebar cutting into main body primary column

  • Resolved donalmccaffrey

    (@donalmccaffrey)


    9 years, 7 months ago

    I have noticed that on my smart phone (non mobile view) the primary column has narrowed to about 3/4 of the screen with the right sidebar cutting into the main content. Before, all the sidebar widgets were grouped below the main body which took up 100% of the screen. The issue doesn’t occur on the mobile site option, however here the various sidebar widgets are completely absent. My main query is what could have happened to cause this – could it have anyhting to do with the metaslider sidebar widgets which when I changed format from flex slider to coin slider view became much too large for the screen – might this have knocked the columns out of sync. Whatever the cause can anyone advise what I might do to get back to how it was. I am using the travelify theme, and my site is donalsmountainwalks.co.uk
    If you could point me in the right direction it would be much appreciated.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter donalmccaffrey

    (@donalmccaffrey)

    Following on, if it makes it any easier the gallery page (which doesn’t have a sidebar) is fine so presumibly the problem lies either with sidebar or the sidebar widgets – for those of you who know more than I do, does that make sense? Thanks

    likely caused by some styles of your child theme, which possibly does not include the necessay @media queries to fix the layout for those narrow browser screens.

    try something like:

    @media only screen and (max-width: 789px) {
#secondary aside { margin-left: 68%; clear: none; }
#secondary aside div { clear: none; }
}

    for detailed theme specific support, please post in https://www.ads-software.com/support/theme/travelify#postform

    Thread Starter donalmccaffrey

    (@donalmccaffrey)

    Hi Alchymyth
    Thanks for that, it didn’t totally solve it but if you get a chance to look there has been a change. The various widgets which, except for isolated text, were under the main body of content have now moved up the sidebar. If yoy look at it in landscpe view it’s actually sorted but in portrait view the sidebar is still cutting into the main content. Is there anyway of removing the sidebar completely when viewed in portrait style? Thanks again Alchymyth – you’ve already been a great help

    Thread Starter donalmccaffrey

    (@donalmccaffrey)

    Following on from what I’ve just said, ideally for smaller devices, what I think would be best would be to have it as it was originally with one column and no sidebar (both for portrait and landscape),, with all the widgets positioned below in mobile full view option – not sure how easy that is to do,,any more advice would be really useful
    Thanks Alchymyth

    Thread Starter donalmccaffrey

    (@donalmccaffrey)

    Alchymyth
    Sorry, I have just noticed your request about posting theme specific support in https://www.ads-software.com/support/theme/travelify#postform. Should I transfer this post over – will certainly use it for any future posts. When you get a chance let me know your thoughts about the issues above.
    Appreciated

    Thread Starter donalmccaffrey

    (@donalmccaffrey)

    resolved

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘mobile device – sidebar cutting into main body primary column’ is closed to new replies.