Mobile Menu Post Columns

• 

  lacuisinehealthy · Member · May 18, 2017 at 7:53 pm

  • Copy link
  • Add topic to favorites

  Hi,

  I am using Mirror theme and have a few css questions.

  1) I need to be able to display the normal menu in mobile as well. I have tried this code to hide the select box but it also hides the menu.

  .masthead .menu .rn_select {display:none !important;}

  How do I just hide the select box while showing the original menu just stop the select box from ever showing and keep the original menu?

  2) I am trying to make the main area into 2 columns so I used this code

  .main {-moz-column-count: 2 !important;-moz-columns: 2 !important;-webkit-columns: 2 !important;}

  but its not smooth because most of the time a post will be split in 2 because half of its got moved to the next column. Is it possible to make then into rows to or a table of some sort so its all even and clean. Is this possible?

  3) How do I get the image on top of the post area and the <section class=”entry entry-archive”>(the post-meta-data, commentcount, and paragraph) to be 100% width of the post area?

  Thanks

  The blog I need help with is: (visible only to logged in users)

• 

  lacuisinehealthy · Member · May 18, 2017 at 8:58 pm

  • Copy link

  Got it all figured out.