Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #1179691

    how can i make the tabular data table visually easier to view the rest of the table info? maybe an icon indicating scroll right for more options?

    http://infinitycitizenship.com/dominica/ – i have 2 tables on this page

    mobile screenshot – https://ibb.co/5F788n0

    There are alot more data on the right but there is no indication to the user

    Thanks as always

    #1179711

    Hi, I would like to change the layout of my website pages based on the resolution.
    I am using the Enfold theme editor.
    I wish some elements were visible for tablet and mobile devices and others for the desktop version.
    I duplicated the elements, giving each one a different view based on the device, but it does not work.
    Is it possible to hide some elements for desktop resolution and others for tablet and mobile resolution?
    the webpage i’m trying to edit is: https://kaistudiotest.it/nuova-home/

    Thanks
    Kind regards

    • This reply was modified 4 years, 10 months ago by kaskonauta. Reason: Enfold theme editor
    #1180005

    @kaskonauta please do not reply to my thread. Instead, you should create your own. This will only push my thread down the order

    Thanks

    #1180051

    OK, i’m sorry

    #1180560

    Hi,
    Sorry for the late reply, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    @media only screen and (max-width: 767px) {
    .avia_scrollable_table .avia-table:before {
    	content: "Scroll \27A4";
    	font-size: 16px;
    	float:right;
    }
    .avia_scrollable_table .avia-table > tbody > tr:nth-child(1) > td:nth-child(4):after {
    	content: "Scroll \27A4";
    	font-size: 16px;
    	top:-77px;
    	position: relative;
    } 
    }
    

    2020-02-01-153757

    Best regards,
    Mike

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.