Theme on Mobile – not rendering correctly

  • Posted in : cvCard WP
  • marina2042
    Participant

    The about me and contact pages don’t seem to be rendering correctly on mobile devices. Also, the menu is not highlighting correctly when switching pages.

    My site is http://www.smarina.nyc

    serkan
    Moderator

    Hi,
    Please use this custom css code;

    .col-sm-6:nth-child(2n+1) { clear: left; }

    For the process bar, don’t use column 1, use column 2.
    Thanks

    marina2042
    Participant

    thank you! looks like that code and switching from the classic menu to the other style worked. Is there a way to get the process section within about me to show up correctly on mobile? its smushed together on portrait.

    serkan
    Moderator

    Hi,
    Please edit your column for the process section and use the shortcode like that.

    [row]
    [column width="2" width_xs="4"]Content here.[/column]
    [column width="2" width_xs="4"]Content here.[/column]
    [column width="2" width_xs="4"]Content here.[/column]
    [column width="2" width_xs="4"]Content here.[/column]
    [column width="2" width_xs="4"]Content here.[/column]
    [column width="2" width_xs="4"]Content here.[/column]
    [/row]

    Thanks

    marina2042
    Participant

    almost worked! Some of the arrows seem to be missing now on mobile :(

    serkan
    Moderator

    Please delete your process section, copy and paste it to the text tab not to visual tab
    [section_title icon=”icon-layers-alt” text=”WORK PROCESS”]
    [row]
    [column width="4" width_xs="6" width_md="2"]
    [process icon=”icon-lamp” text=”IDEA”]
    [/column]
    [column width="4" width_xs="6" width_md="2"]
    [process icon=”fa-puzzle-piece” text=”CONCEPT”]
    [/column]
    [column width="4" width_xs="6" width_md="2"]
    [process icon=”icon-brush” text=”DESIGN”]
    [/column]
    [column width="4" width_xs="6" width_md="2"]
    [process icon=”fa-code” text=”DEVELOP”]
    [/column]
    [column width="4" width_xs="6" width_md="2"]
    [process icon=”fa-bug” text=”TEST”]
    [/column]
    [column width="4" width_xs="6" width_md="2"]
    [process icon=”fa-rocket” text=”LAUNCH”]
    [/column]
    [/row]
    Thanks

    marina2042
    Participant

    that worked! thank you

    serkan
    Moderator

    You are welcome.

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

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register