Responsive layout

  • [Moved from Your WordPress which is NOT a support forum.]

    Hi guys,
    I am building a website using a responsive layout, it is a desktop product, however my client opened it on her mobile and the center content squashed contents down, I know it suppose to happen like it, but she insist to make it looking as the same as the desktop. Does anyone have a solution for that? many thanks. the URL is: flawless-webdesign.com/youai

Viewing 2 replies - 1 through 2 (of 2 total)

  • You may want to check and see if the theme has an option to disable the responsive layout, or consider a different the theme.

    As mobile devices do not have the width of a desktop display, usually a responsive layout converts normally horizontally content into vertical columns. Your site layout is what I would expect for a responsive site on a mobile device.

    Now, if your client’s concern is that the desktop display is showing a 2 x 2 column structure instead of the 4 x 1 structure I believe you want, the issue is the size of the ‘boxes’ are too wide (when you include the border, margin and padding) for the browser to display the boxes in a horizontal row. To fix that, try adding width: 165px; to your .boxes class in your child theme and delete the min-width reference.

    Thread Starter Vik999

    (@vik999)

    Hi Chris,

    Thanks for your reply. I after I add the width each column looking a little bit too narrow as a 4 x 1 structure.

    I am looking at the flex layout now and I ll see if I can sort something out. If it not work out, as you said I may have to change a theme that may be easier for me.

    Many thanks for your time.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Responsive layout’ is closed to new replies.

Tags