Home / Forums / DynamiX Support / On Mobile how to remove sidebar as it shows up at top.

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts

  • ck1
    Participant

    Although the website looks good on the desktop on the mobile version when you enter the products the left sidebar appears before anything else.This is the Categories etc section.
    Is there away to show this at the bottom if we cant completely remove it for the mobile version.

    http://www.alpeco.co.uk/products/fuel-flow-meters

    http://www.alpeco.co.uk/wp-admin

    P/w: Guest12
    U/n: Guest12

    Andy
    Andy
    Keymaster

    The only way to show that at the bottom, would be to move them to the right hand side.

    Alternatively, if you want to hide them, you can edit the Row add a class ( CSS Classes field ) to them which hides them on mobile. i.e hide-on-phones.


    ck1
    Participant

    Hi Andy
    Thanks for your quick response.

    Option 2 seems good but I dont really understand what code i need and where do i place it?

    Regards

    Andy
    Andy
    Keymaster

    Hi,

    I’ve added the class to the first column on the above URL ( the column with the yellow image in ) for you. Click the little pencil button and you’ll see the class hide-on-phones in the field.

    All you need to do now is edit the columns you want to hide and copy and paste the class in.

    I hope that helps?


    ck1
    Participant

    Hi Andy
    Thanks for that But I cant really see where I would fine the little pencil you are referring to so i can eliminate the categories list. Sorry I am very confused on this.
    I saw the code you entered in the Mobile CSS but other than that i dont know how to eliminate the rest of that column from showing on the mobile version.

    Andy
    Andy
    Keymaster

    Hi,

    I’ve attached a screenshot for you. This is where I mean, edit the page and then edit the column you want to hide.

    I hope that helps?


    ck1
    Participant

    How fantastic is that!!! You are a legend :-0)

    Thank you very much!!


    ck1
    Participant

    Hi Andy

    As I click through on mobile the next level of products have a sidebar , can that also be deleted from showing on the mobile version?

    Thank you again!

    Andy
    Andy
    Keymaster

    You’re welcome! 🙂

    Do you have a link to where you mean please.


    ck1
    Participant

    Hi Andy

    This is actually a widget sidebar (the one above was not a sidebar as such It was part of the Visual Compose element made to look like a sidebar)see on the 1st product below

    http://www.alpeco.co.uk/products/fuel-flow-meters/pd-fuel-flow-meters

    and another one

    http://www.alpeco.co.uk/products/fuel-flow-meters/electronic-fuel-metering

    I read somewhere where you replied in the forum that the sidebar is set as a default not to show on mobile version, but it shows on mine.

    Thanks Again

    Andy
    Andy
    Keymaster

    Try adding the following in Appearance > Theme Options > Customize > Mobile CSS

    .sidebar.columns.side_one {display:none;}


    ck1
    Participant

    Hi Andy

    That did the trick thanks once again!!

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

You must be logged in to reply to this topic.